@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN.woff2) format("woff2"), url(/static/fonts/D-DIN.woff) format("woff");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff");
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: DIN_Bold;
  font-display: swap;
  src: url(/static/fonts/D-DIN-Bold.ttf) format("ttf"), url(/static/fonts/D-DIN-Bold.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-light"), url(/static/fonts/Roboto-Light.woff2) format("woff2"), url(/static/fonts/Roboto-Light.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(/static/fonts/Roboto-Regular.woff2) format("woff2"), url(/static/fonts/Roboto-Regular.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(/static/fonts/Roboto-Italic.woff2) format("woff2"), url(/static/fonts/Roboto-Italic.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(/static/fonts/Roboto-Medium.woff2) format("woff2"), url(/static/fonts/Roboto-Medium.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/static/fonts/Roboto-Bold.woff2) format("woff2"), url(/static/fonts/Roboto-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(/static/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(/static/fonts/Roboto-BoldItalic.woff) format("woff")
}

.mat-menu-panel {
  border-radius: 0 !important;
  overflow-x: hidden !important;
  min-height: 40px !important;
  min-width: 77px !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:first-line,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-size: 1rem;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif
}

button .mat-spinner,
span .mat-spinner {
  margin: auto
}

button .mat-spinner circle,
span .mat-spinner circle {
  stroke: #fff
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline {
  background: #fff;
  border-radius: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  top: -.25em;
  width: auto
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: none
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-label,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-label,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-label {
  margin-top: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled {
  color: rgba(0, 0, 0, .65)
}

.customer-support mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
.customer-support mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
.marketing-client mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled {
  cursor: not-allowed
}

.customer-support mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
.marketing-client mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
  transition: none !important
}

.customer-support mat-checkbox .mat-checkbox-label,
.marketing-client mat-checkbox .mat-checkbox-label,
mat-dialog-container mat-checkbox .mat-checkbox-label {
  white-space: normal;
  font-size: .9rem
}

.customer-support mat-checkbox .mat-checkbox-layout,
.marketing-client mat-checkbox .mat-checkbox-layout,
mat-dialog-container mat-checkbox .mat-checkbox-layout {
  align-items: center
}

.customer-support mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container,
.marketing-client mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container,
mat-dialog-container mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container {
  height: 28px;
  width: 28px
}

.customer-support mat-checkbox .mat-checkbox-frame,
.marketing-client mat-checkbox .mat-checkbox-frame,
mat-dialog-container mat-checkbox .mat-checkbox-frame {
  border: 1px solid #ededed;
  border-radius: 0;
  background: #fff
}

.customer-support mat-checkbox:active .mat-checkbox-frame,
.customer-support mat-checkbox:hover .mat-checkbox-frame,
.marketing-client mat-checkbox:active .mat-checkbox-frame,
.marketing-client mat-checkbox:hover .mat-checkbox-frame,
mat-dialog-container mat-checkbox:active .mat-checkbox-frame,
mat-dialog-container mat-checkbox:hover .mat-checkbox-frame {
  border: 1px solid #000;
  box-shadow: 0 0 0 1px #000
}

.customer-support.mat-dialog-container,
.marketing-client.mat-dialog-container,
mat-dialog-container.mat-dialog-container {
  border-radius: 0;
  margin: auto
}

.customer-support .mat-flat-button {
  border-radius: 0;
  height: 65px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%
}

.customer-support .mat-flat-button.mat-primary[disabled] {
  color: #fff
}

.customer-support .mat-form-field-appearance-outline .mat-form-field-flex {
  margin: 0
}

.customer-support .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  min-height: 65px
}

.customer-support .mat-card {
  border-radius: 0
}

.account-client h1,
.account-client h2,
.account-client h3,
.account-client h4,
.account-client h5,
.account-client h6,
.account-container h1,
.account-container h2,
.account-container h3,
.account-container h4,
.account-container h5,
.account-container h6,
.account-credit-and-deposits h1,
.account-credit-and-deposits h2,
.account-credit-and-deposits h3,
.account-credit-and-deposits h4,
.account-credit-and-deposits h5,
.account-credit-and-deposits h6,
.account-home h1,
.account-home h2,
.account-home h3,
.account-home h4,
.account-home h5,
.account-home h6,
.account-payments h1,
.account-payments h2,
.account-payments h3,
.account-payments h4,
.account-payments h5,
.account-payments h6,
.account-statement-detail h1,
.account-statement-detail h2,
.account-statement-detail h3,
.account-statement-detail h4,
.account-statement-detail h5,
.account-statement-detail h6,
.account-statements h1,
.account-statements h2,
.account-statements h3,
.account-statements h4,
.account-statements h5,
.account-statements h6,
.address-dialog h1,
.address-dialog h2,
.address-dialog h3,
.address-dialog h4,
.address-dialog h5,
.address-dialog h6,
.deposit-client h1,
.deposit-client h2,
.deposit-client h3,
.deposit-client h4,
.deposit-client h5,
.deposit-client h6,
.deposit-complete-component h1,
.deposit-complete-component h2,
.deposit-complete-component h3,
.deposit-complete-component h4,
.deposit-complete-component h5,
.deposit-complete-component h6,
.documents-component h1,
.documents-component h2,
.documents-component h3,
.documents-component h4,
.documents-component h5,
.documents-component h6,
.legal-doc-styles h1,
.legal-doc-styles h2,
.legal-doc-styles h3,
.legal-doc-styles h4,
.legal-doc-styles h5,
.legal-doc-styles h6,
.order-client h1,
.order-client h2,
.order-client h3,
.order-client h4,
.order-client h5,
.order-client h6,
.order-complete-component h1,
.order-complete-component h2,
.order-complete-component h3,
.order-complete-component h4,
.order-complete-component h5,
.order-complete-component h6,
.page-not-found-outer-container h1,
.page-not-found-outer-container h2,
.page-not-found-outer-container h3,
.page-not-found-outer-container h4,
.page-not-found-outer-container h5,
.page-not-found-outer-container h6,
.preorder-complete-component h1,
.preorder-complete-component h2,
.preorder-complete-component h3,
.preorder-complete-component h4,
.preorder-complete-component h5,
.preorder-complete-component h6,
.sign-up-success-component h1,
.sign-up-success-component h2,
.sign-up-success-component h3,
.sign-up-success-component h4,
.sign-up-success-component h5,
.sign-up-success-component h6 {
  margin: 0
}

.account-client h1,
.account-container h1,
.account-credit-and-deposits h1,
.account-home h1,
.account-payments h1,
.account-statement-detail h1,
.account-statements h1,
.address-dialog h1,
.deposit-client h1,
.deposit-complete-component h1,
.documents-component h1,
.legal-doc-styles h1,
.order-client h1,
.order-complete-component h1,
.page-not-found-outer-container h1,
.preorder-complete-component h1,
.sign-up-success-component h1 {
  font: 60px/60px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width: 500px) {

  .account-client h1,
  .account-container h1,
  .account-credit-and-deposits h1,
  .account-home h1,
  .account-payments h1,
  .account-statement-detail h1,
  .account-statements h1,
  .address-dialog h1,
  .deposit-client h1,
  .deposit-complete-component h1,
  .documents-component h1,
  .legal-doc-styles h1,
  .order-client h1,
  .order-complete-component h1,
  .page-not-found-outer-container h1,
  .preorder-complete-component h1,
  .sign-up-success-component h1 {
    font: 40px/40px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h2,
.account-container h2,
.account-credit-and-deposits h2,
.account-home h2,
.account-payments h2,
.account-statement-detail h2,
.account-statements h2,
.address-dialog h2,
.deposit-client h2,
.deposit-complete-component h2,
.documents-component h2,
.legal-doc-styles h2,
.order-client h2,
.order-complete-component h2,
.page-not-found-outer-container h2,
.preorder-complete-component h2,
.sign-up-success-component h2 {
  font: 50px/50px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width: 500px) {

  .account-client h2,
  .account-container h2,
  .account-credit-and-deposits h2,
  .account-home h2,
  .account-payments h2,
  .account-statement-detail h2,
  .account-statements h2,
  .address-dialog h2,
  .deposit-client h2,
  .deposit-complete-component h2,
  .documents-component h2,
  .legal-doc-styles h2,
  .order-client h2,
  .order-complete-component h2,
  .page-not-found-outer-container h2,
  .preorder-complete-component h2,
  .sign-up-success-component h2 {
    font: 40px/40px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h3,
.account-container h3,
.account-credit-and-deposits h3,
.account-home h3,
.account-payments h3,
.account-statement-detail h3,
.account-statements h3,
.address-dialog h3,
.deposit-client h3,
.deposit-complete-component h3,
.documents-component h3,
.legal-doc-styles h3,
.order-client h3,
.order-complete-component h3,
.page-not-found-outer-container h3,
.preorder-complete-component h3,
.sign-up-success-component h3 {
  font: 40px/50px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width: 500px) {

  .account-client h3,
  .account-container h3,
  .account-credit-and-deposits h3,
  .account-home h3,
  .account-payments h3,
  .account-statement-detail h3,
  .account-statements h3,
  .address-dialog h3,
  .deposit-client h3,
  .deposit-complete-component h3,
  .documents-component h3,
  .legal-doc-styles h3,
  .order-client h3,
  .order-complete-component h3,
  .page-not-found-outer-container h3,
  .preorder-complete-component h3,
  .sign-up-success-component h3 {
    font: 30px/30px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h4,
.account-container h4,
.account-credit-and-deposits h4,
.account-home h4,
.account-payments h4,
.account-statement-detail h4,
.account-statements h4,
.address-dialog h4,
.deposit-client h4,
.deposit-complete-component h4,
.documents-component h4,
.legal-doc-styles h4,
.order-client h4,
.order-complete-component h4,
.page-not-found-outer-container h4,
.preorder-complete-component h4,
.sign-up-success-component h4 {
  font: 25px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width: 500px) {

  .account-client h4,
  .account-container h4,
  .account-credit-and-deposits h4,
  .account-home h4,
  .account-payments h4,
  .account-statement-detail h4,
  .account-statements h4,
  .address-dialog h4,
  .deposit-client h4,
  .deposit-complete-component h4,
  .documents-component h4,
  .legal-doc-styles h4,
  .order-client h4,
  .order-complete-component h4,
  .page-not-found-outer-container h4,
  .preorder-complete-component h4,
  .sign-up-success-component h4 {
    font: 25px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h5,
.account-container h5,
.account-credit-and-deposits h5,
.account-home h5,
.account-payments h5,
.account-statement-detail h5,
.account-statements h5,
.address-dialog h5,
.deposit-client h5,
.deposit-complete-component h5,
.documents-component h5,
.legal-doc-styles h5,
.order-client h5,
.order-complete-component h5,
.page-not-found-outer-container h5,
.preorder-complete-component h5,
.sign-up-success-component h5 {
  font: 20px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width: 500px) {

  .account-client h5,
  .account-container h5,
  .account-credit-and-deposits h5,
  .account-home h5,
  .account-payments h5,
  .account-statement-detail h5,
  .account-statements h5,
  .address-dialog h5,
  .deposit-client h5,
  .deposit-complete-component h5,
  .documents-component h5,
  .legal-doc-styles h5,
  .order-client h5,
  .order-complete-component h5,
  .page-not-found-outer-container h5,
  .preorder-complete-component h5,
  .sign-up-success-component h5 {
    font: 20px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.clickable {
  cursor: pointer
}

.clickable:hover {
  text-decoration: underline
}

.clickable:active {
  opacity: .5
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/assets/iconfont/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/static/assets/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/static/assets/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/static/assets/iconfont/MaterialIcons-Regular.ttf) format("truetype")
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga"
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-badge-small .mat-badge-content {
  font-size: 9px
}

.mat-badge-large .mat-badge-content {
  font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 700 32px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
  font: 500 calc(16px * .83)/24px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
  font: 500 calc(16px * .67)/24px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.05em;
  margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.02em;
  margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.005em;
  margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-bottom-sheet-container {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-button-toggle,
.mat-card {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
  font-size: 32px;
  font-weight: 500
}

.mat-card-header .mat-card-title {
  font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
  font-size: 16px
}

.mat-checkbox {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 14px;
  font-weight: 500
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px
}

.mat-table {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500
}

.mat-cell,
.mat-footer-cell {
  font-size: 16px
}

.mat-calendar {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 500
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-expansion-panel-header {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.34375em
}

.mat-form-field-underline {
  bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.6666666667em)
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75)
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 16px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px
}

.mat-radio-button,
.mat-select {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
  font-size: 16px;
  font-weight: 500
}

.mat-step-sub-label-error {
  font-weight: 400
}

.mat-step-label-error {
  font-size: 14px
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0
}

.mat-tooltip {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
  font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base .mat-list-option {
  font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 16px
}

.mat-list-base .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-simple-snackbar {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500
}

.mat-tree {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 500;
  font-size: 16px
}

.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
  position: relative
}

.theme-dim .info-pane,
.theme-dim .topic-option {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-bright .info-pane,
.theme-bright .topic-option {
  background-color: #e5e5e5
}

.clear-mode>.starlink-public-header-navigation {
  background-color: #000
}

.clear-black-mode>.starlink-public-header-navigation {
  background-color: #fff
}

.app-banner .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.app-banner .button,
.cdk-overlay-container .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.cdk-overlay-container .button,
mat-drawer-container.mat-drawer-container .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
mat-drawer-container.mat-drawer-container .button,
mat-sidenav-container.mat-drawer-container.layout-main .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
mat-sidenav-container.mat-drawer-container.layout-main .button {
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  min-height: 50px;
  border-radius: 4px;
  padding: 2px 4px;
  box-sizing: border-box
}

.theme-dim .button.button-filled,
.theme-dim.force-theme.force-theme .button.button-filled {
  background: #fff;
  color: #000;
  border: 0
}

.theme-dim .button.button-filled span,
.theme-dim.force-theme.force-theme .button.button-filled span {
  color: #000
}

.theme-dim .button.button-filled.disabled,
.theme-dim .button.button-filled:disabled,
.theme-dim.force-theme.force-theme .button.button-filled.disabled,
.theme-dim.force-theme.force-theme .button.button-filled:disabled {
  color: hsla(0, 0%, 100%, .7);
  background: hsla(0, 0%, 100%, .3)
}

.theme-dim .button.button-filled.disabled span,
.theme-dim .button.button-filled:disabled span,
.theme-dim.force-theme.force-theme .button.button-filled.disabled span,
.theme-dim.force-theme.force-theme .button.button-filled:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.theme-dim .button.button-filled .mat-svg-icon,
.theme-dim.force-theme.force-theme .button.button-filled .mat-svg-icon {
  filter: invert(100%)
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim .button.button-outlined,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim.force-theme.force-theme .button.button-outlined {
  background: transparent;
  color: #fff;
  border: 2px solid #fff
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim .button.button-outlined span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim.force-theme.force-theme .button.button-outlined span {
  color: #fff
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim .button.button-outlined.disabled,
.theme-dim .button.button-outlined:disabled,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim.force-theme.force-theme .button.button-outlined.disabled,
.theme-dim.force-theme.force-theme .button.button-outlined:disabled {
  color: hsla(0, 0%, 100%, .7);
  border-color: hsla(0, 0%, 100%, .3)
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim .button.button-outlined.disabled span,
.theme-dim .button.button-outlined:disabled span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim.force-theme.force-theme .button.button-outlined.disabled span,
.theme-dim.force-theme.force-theme .button.button-outlined:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.theme-dim .button.button-underlined,
.theme-dim.force-theme.force-theme .button.button-underlined {
  background: transparent;
  color: #fff;
  border: none;
  text-decoration: underline
}

.theme-dim .button.button-underlined span,
.theme-dim.force-theme.force-theme .button.button-underlined span {
  color: #fff
}

.theme-dim .button.button-underlined.disabled,
.theme-dim .button.button-underlined.disabled span,
.theme-dim .button.button-underlined:disabled,
.theme-dim .button.button-underlined:disabled span,
.theme-dim.force-theme.force-theme .button.button-underlined.disabled,
.theme-dim.force-theme.force-theme .button.button-underlined.disabled span,
.theme-dim.force-theme.force-theme .button.button-underlined:disabled,
.theme-dim.force-theme.force-theme .button.button-underlined:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.light-card .button.button-filled,
.theme-bright .button.button-filled,
.theme-dim .invert-section .button.button-filled {
  background: #000;
  color: #fff;
  border: 0
}

.light-card .button.button-filled span,
.theme-bright .button.button-filled span,
.theme-dim .invert-section .button.button-filled span {
  color: #fff
}

.light-card .button.button-filled.disabled,
.light-card .button.button-filled:disabled,
.theme-bright .button.button-filled.disabled,
.theme-bright .button.button-filled:disabled,
.theme-dim .invert-section .button.button-filled.disabled,
.theme-dim .invert-section .button.button-filled:disabled {
  color: rgba(0, 0, 0, .3);
  background: rgba(0, 0, 0, .3)
}

.light-card .button.button-filled.disabled span,
.light-card .button.button-filled:disabled span,
.theme-bright .button.button-filled.disabled span,
.theme-bright .button.button-filled:disabled span,
.theme-dim .invert-section .button.button-filled.disabled span,
.theme-dim .invert-section .button.button-filled:disabled span {
  color: rgba(0, 0, 0, .3)
}

.light-card .button.button-filled .mat-svg-icon,
.theme-bright .button.button-filled .mat-svg-icon,
.theme-dim .invert-section .button.button-filled .mat-svg-icon {
  filter: none
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.light-card .button.button-outlined,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-bright .button.button-outlined,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim .invert-section .button.button-outlined {
  background: transparent;
  color: #000;
  border: 2px solid #000
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.light-card .button.button-outlined span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-bright .button.button-outlined span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim .invert-section .button.button-outlined span {
  color: #000
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.light-card .button.button-outlined.disabled,
.light-card .button.button-outlined:disabled,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-bright .button.button-outlined.disabled,
.theme-bright .button.button-outlined:disabled,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim .invert-section .button.button-outlined.disabled,
.theme-dim .invert-section .button.button-outlined:disabled {
  color: rgba(0, 0, 0, .3);
  border-color: rgba(0, 0, 0, .3)
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.light-card .button.button-outlined.disabled span,
.light-card .button.button-outlined:disabled span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-bright .button.button-outlined.disabled span,
.theme-bright .button.button-outlined:disabled span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim .invert-section .button.button-outlined.disabled span,
.theme-dim .invert-section .button.button-outlined:disabled span {
  color: rgba(0, 0, 0, .3)
}

.light-card .button.button-underlined,
.theme-bright .button.button-underlined,
.theme-dim .invert-section .button.button-underlined {
  background: transparent;
  color: #000;
  border: none;
  text-decoration: underline
}

.light-card .button.button-underlined span,
.theme-bright .button.button-underlined span,
.theme-dim .invert-section .button.button-underlined span {
  color: #000
}

.light-card .button.button-underlined.disabled,
.light-card .button.button-underlined.disabled span,
.light-card .button.button-underlined:disabled,
.light-card .button.button-underlined:disabled span,
.theme-bright .button.button-underlined.disabled,
.theme-bright .button.button-underlined.disabled span,
.theme-bright .button.button-underlined:disabled,
.theme-bright .button.button-underlined:disabled span,
.theme-dim .invert-section .button.button-underlined.disabled,
.theme-dim .invert-section .button.button-underlined.disabled span,
.theme-dim .invert-section .button.button-underlined:disabled,
.theme-dim .invert-section .button.button-underlined:disabled span {
  color: rgba(0, 0, 0, .3)
}

.cdk-overlay-container .mat-form-field-outline,
mat-drawer-container.mat-drawer-container .mat-form-field-outline,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-outline {
  border-radius: 4px
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-infix,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-infix,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-infix {
  top: 0;
  border-top: none;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0
}

.cdk-overlay-container .mat-input-element,
mat-drawer-container.mat-drawer-container .mat-input-element,
mat-sidenav-container.mat-drawer-container.layout-main .mat-input-element {
  font-size: 16px;
  line-height: 20px
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start {
  border-radius: 4px 0 0 4px;
  border-right-style: none
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end {
  border-radius: 0 4px 4px 0;
  border-left-style: none
}

.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: #f44336
}

.cdk-overlay-container ::-webkit-input-placeholder,
.cdk-overlay-container ::placeholder,
mat-drawer-container.mat-drawer-container ::-webkit-input-placeholder,
mat-drawer-container.mat-drawer-container ::placeholder,
mat-sidenav-container.mat-drawer-container.layout-main ::-webkit-input-placeholder,
mat-sidenav-container.mat-drawer-container.layout-main ::placeholder {
  opacity: 1;
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.theme-dim.theme-dim.theme-dim .mat-form-field-outline {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim.theme-dim.theme-dim .mat-input-element {
  caret-color: #fff
}

.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-end,
.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: hsla(0, 0%, 100%, .5)
}

.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-end,
.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: #fff
}

.theme-dim.theme-dim.theme-dim ::-webkit-input-placeholder,
.theme-dim.theme-dim.theme-dim ::placeholder {
  color: hsla(0, 0%, 100%, .25)
}

.theme-bright.theme-bright .mat-input-element {
  caret-color: #000
}

.theme-bright.theme-bright .mat-form-field-outline {
  background-color: hsla(0, 0%, 100%, .85)
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card {
  padding: 30px;
  border-radius: 4px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td {
  border: none
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card tr {
  height: auto
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-cell:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-footer-cell:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell:last-of-type {
  text-align: left
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card .column-shrink,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell:last-of-type {
  width: .1%
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card .column-nowrap,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell {
  white-space: nowrap
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-cell.selectable {
  cursor: pointer
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td a mat-icon {
  vertical-align: middle
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card h1,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h2,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h3,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h4,
mat-sidenav-container.mat-drawer-container.layout-main .table-card p {
  margin-bottom: 20px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card sx-paginator {
  margin-bottom: -18px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile {
  width: 100%;
  padding: 30px 22px
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table {
  background-color: transparent;
  border-collapse: collapse;
  width: 100%
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th {
  padding: 24px 6px
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td:first-of-type,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th:first-of-type {
  padding-left: 0
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th:last-of-type {
  padding-right: 0
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table tr+tr {
  border-top: 1px solid #707070
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td.selectable a:focus,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td.selectable a:hover {
  cursor: pointer;
  text-decoration: underline
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td a {
  font-weight: 400;
  text-decoration: underline
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table tr.mobile-stack {
  display: flex;
  flex-direction: column;
  padding: 12px 0
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table td,
mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table th {
  padding-top: 8px;
  padding-bottom: 8px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table td.mobile-stack {
  padding-left: 0;
  padding-right: 0
}

.theme-dim .table-card {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim table.mat-table td,
.theme-dim table.mat-table th {
  color: #fff
}

.theme-bright .table-card {
  background-color: #e5e5e5
}

.theme-bright table.mat-table td,
.theme-bright table.mat-table th {
  color: #000
}

.sx-paginator {
  margin-bottom: 10px
}

.theme-dim .sx-paginator .pagination-button>span,
.theme-dim .sx-paginator span.pagination-ellipsis {
  color: hsla(0, 0%, 100%, .29)
}

.theme-dim .sx-paginator .pagination-button.current-page>span {
  color: #fff;
  -webkit-text-decoration-color: hsla(0, 0%, 100%, .29);
  text-decoration-color: hsla(0, 0%, 100%, .29)
}

.theme-bright .sx-paginator .pagination-button>span,
.theme-bright .sx-paginator span.pagination-ellipsis {
  color: rgba(0, 0, 0, .35)
}

.theme-bright .sx-paginator .pagination-button.current-page>span {
  color: #000;
  -webkit-text-decoration-color: rgba(0, 0, 0, .35);
  text-decoration-color: rgba(0, 0, 0, .35)
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout {
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px
}

@media screen and (max-width: 960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout {
    flex-direction: column;
    gap: 0;
    padding: 0 12px
  }
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out;
  margin-top: 66px;
  display: flex;
  flex-direction: column;
  flex-basis: 400px;
  max-width: 400px;
  flex-shrink: 0;
  padding: 30px 36px;
  border-radius: 4px
}

@media screen and (max-width: 960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane {
    margin-top: 0;
    padding: 30px 22px;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%
  }
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h1,
mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h2,
mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h3 {
  margin-bottom: 10px
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .button {
  width: 100%
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .light-card {
  padding: 28px 22px;
  width: 100%;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, .9)
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .light-card h4 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  font-weight: 100
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .content-pane {
  max-width: 1020px;
  margin-top: 66px;
  display: flex;
  flex-basis: 70%
}

@media screen and (max-width: 960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .content-pane {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    flex-basis: auto
  }
}

.info-pane .info-pane-option {
  cursor: pointer;
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  padding: 15px 0
}

.info-pane .info-pane-option .mat-icon {
  transform: scale(.7)
}

.info-pane button.info-pane-option {
  width: 100%;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0
}

.info-pane button.info-pane-option .mat-button-wrapper {
  place-content: center space-between;
  align-items: center;
  display: flex;
  width: 100%
}

.theme-dim .info-pane {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim .divider-top,
.theme-dim .info-pane .info-pane-option:not(:first-of-type) {
  border-top: 1px solid hsla(0, 0%, 100%, .28)
}

.theme-bright .info-pane {
  background-color: #e5e5e5
}

.theme-bright .divider-top,
.theme-bright .info-pane .info-pane-option:not(:first-of-type) {
  border-top: 1px solid rgba(0, 0, 0, .28)
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel {
  color: inherit;
  background-color: inherit
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header {
  background-color: inherit
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header-title {
  color: inherit
}

.cdk-overlay-container .mat-checkbox-background,
mat-drawer-container.mat-drawer-container .mat-checkbox-background,
mat-sidenav-container.mat-drawer-container.layout-main .mat-checkbox-background {
  border-radius: 4px
}

.cdk-overlay-container .mat-checkbox-frame,
mat-drawer-container.mat-drawer-container .mat-checkbox-frame,
mat-sidenav-container.mat-drawer-container.layout-main .mat-checkbox-frame {
  border-radius: 4px;
  background-color: transparent
}

.theme-dim .mat-checkbox-label {
  color: #fff !important
}

.theme-dim .mat-checkbox-background {
  border-width: 1px;
  border-style: solid;
  border-color: #fff !important
}

.theme-bright .mat-checkbox-label {
  color: #000 !important
}

.theme-bright .mat-checkbox-background {
  border-width: 1px;
  border-style: solid;
  border-color: #000 !important
}

.theme-dim.theme-dim.theme-dim .mat-option {
  background-color: rgba(0, 0, 0, .75)
}

.theme-dim.theme-dim.theme-dim .mat-option.mat-active,
.theme-dim.theme-dim.theme-dim .mat-option:hover {
  background-color: rgba(0, 0, 0, .7)
}

.theme-dim.theme-dim.theme-dim .mat-option .mat-option-text {
  border-bottom: none
}

:not(.full-screen)>.mat-dialog-container {
  box-shadow: none;
  border-radius: 4px
}

@media screen and (max-width: 536px) {
  :not(.full-screen)>.mat-dialog-container {
    border-radius: 0
  }
}

:not(.full-screen):not(.standard-padding)>.mat-dialog-container {
  padding: 66px 20px 40px
}

.background-hidden {
  opacity: 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane {
  padding: 0;
  width: 536px;
  max-width: 100% !important;
  max-height: 100vh;
  position: relative !important
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane.dropdown-extend .mat-dialog-container {
  overflow: initial
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-content {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane h3 {
  margin-bottom: 20px
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane p {
  margin: 12px 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .dialog-close-button {
  position: absolute;
  top: 8px;
  right: 10px;
  transform: scale(.6)
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 12px;
  padding: 10px 0;
  margin: 12px 0 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions button {
  margin: 0 auto;
  width: 100%;
  max-width: 50%
}

@media screen and (max-width: 960px) {
  .cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions {
    gap: 10px;
    flex-direction: column
  }

  .cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions button {
    max-width: 100%
  }
}

.theme-bright .cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, .7)
}

.theme-bright .cdk-overlay-container .mat-dialog-container {
  background-color: #fff;
  color: #000
}

.marketing-client-container .cdk-overlay-container .cdk-overlay-dark-backdrop,
.theme-dim .cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, .7)
}

.marketing-client-container .cdk-overlay-container .mat-dialog-container,
.theme-dim .cdk-overlay-container .mat-dialog-container {
  background-color: #262626;
  color: #fff
}

.marketing-client-container .cdk-overlay-container .mat-input-element:disabled,
.theme-dim .cdk-overlay-container .mat-input-element:disabled {
  color: hsla(0, 0%, 100%, .65)
}

.cdk-overlay-container .mat-select-arrow-wrapper,
mat-drawer-container.mat-drawer-container .mat-select-arrow-wrapper,
mat-sidenav-container.mat-drawer-container.layout-main .mat-select-arrow-wrapper {
  transform: none
}

.cdk-overlay-container .mat-select-placeholder,
mat-drawer-container.mat-drawer-container .mat-select-placeholder,
mat-sidenav-container.mat-drawer-container.layout-main .mat-select-placeholder {
  opacity: 1;
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.theme-dim.theme-dim.theme-dim .mat-select-placeholder {
  color: hsla(0, 0%, 100%, .25)
}

.theme-bright.theme-bright.theme-bright .mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.cdk-overlay-container .mat-tab-labels,
mat-sidenav-container.mat-drawer-container.layout-main .mat-tab-labels {
  margin-bottom: 18px
}

.cdk-overlay-container .mat-tab-label,
mat-sidenav-container.mat-drawer-container.layout-main .mat-tab-label {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  flex-basis: 100%;
  place-content: center
}

.cdk-overlay-container .mat-ink-bar,
mat-sidenav-container.mat-drawer-container.layout-main .mat-ink-bar {
  display: none
}

.theme-dim.theme-dim .mat-tab-label {
  color: hsla(0, 0%, 100%, .28);
  border-bottom: 2px solid hsla(0, 0%, 100%, .28)
}

.theme-dim.theme-dim .mat-tab-label-active {
  color: #fff;
  border-bottom: 2px solid #fff
}

.theme-bright.theme-bright .mat-tab-label {
  color: rgba(0, 0, 0, .28);
  border-bottom: 2px solid rgba(0, 0, 0, .28)
}

.theme-bright.theme-bright .mat-tab-label-active {
  color: #000;
  border-bottom: 2px solid #000
}

.theme-dim.theme-dim .mat-progress-spinner circle,
.theme-dim.theme-dim .mat-spinner circle {
  stroke: #fff
}

.fddbold30 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold25 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold22 {
  font: 22px/22px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold20 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold18 {
  font: 18px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold16 {
  font: 16px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold14 {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold12 {
  font: 12px/18px DIN_Bold, Arial, Verdana, sans-serif
}

.fdd30 {
  font: 30px/30px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd20 {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd18 {
  font: 18px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd16 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd15 {
  font: 15px/15px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd14 {
  font: 14px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd12 {
  font: 12px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd10 {
  font: 10px/14px DIN_Regular, Arial, Verdana, sans-serif
}

.frob20 {
  font: 20px/30px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob16 {
  font: 16px/26px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob14 {
  font: 14px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob12 {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob10 {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.uppercase {
  text-transform: uppercase
}

.notification.notification.notification {
  border-radius: 4px;
  width: 100%;
  padding: 12px 14px;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.notification.notification.notification.alert {
  background-color: #591f1c;
  color: #fff
}

.theme-dim .mat-card {
  background-color: hsla(0, 0%, 100%, .15);
  color: hsla(0, 0%, 100%, .85)
}

.mat-datepicker-content .mat-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.theme-dim .mat-datepicker-content {
  background-color: #262626
}

.theme-dim .mat-datepicker-content-container {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim .mat-calendar-body-label,
.theme-dim .mat-calendar-next-button,
.theme-dim .mat-calendar-previous-button,
.theme-dim .mat-calendar-table-header {
  color: hsla(0, 0%, 100%, .85)
}

body:not(.consumer-theme) .cdk-overlay-container,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out
}

body:not(.consumer-theme) .cdk-overlay-container .page-margin,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .page-margin,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .page-margin {
  margin-top: 70px
}

body:not(.consumer-theme) .cdk-overlay-container h3,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h3,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h3 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

body:not(.consumer-theme) .cdk-overlay-container h4,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h4,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h4 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

body:not(.consumer-theme) .cdk-overlay-container h5,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h5,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h5 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px
}

body:not(.consumer-theme) .cdk-overlay-container .fdd16,
body:not(.consumer-theme) .cdk-overlay-container .long-description div .long-description div a,
body:not(.consumer-theme) .cdk-overlay-container app-error-alert,
body:not(.consumer-theme) .cdk-overlay-container li,
body:not(.consumer-theme) .cdk-overlay-container p,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .fdd16,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .long-description div .long-description div a,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container app-error-alert,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container li,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container p,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .fdd16,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .long-description div .long-description div a,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main app-error-alert,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main li,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main p {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  margin: 10px 0
}

body:not(.consumer-theme) .cdk-overlay-container .p-small,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .p-small,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .p-small {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif;
  color: #888
}

body:not(.consumer-theme) .cdk-overlay-container .p-small a,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .p-small a,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .p-small a {
  font-weight: 700;
  text-decoration: underline
}

body:not(.consumer-theme) .cdk-overlay-container .invert-section,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .invert-section,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .invert-section {
  background-color: hsla(0, 0%, 100%, .9)
}

body:not(.consumer-theme) .theme-background {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper div,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper figcaption,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h1,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h2,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h3,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h4,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper p,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper span,
.theme-dim.force-theme.force-theme a,
.theme-dim.force-theme.force-theme div,
.theme-dim.force-theme.force-theme figcaption,
.theme-dim.force-theme.force-theme h1,
.theme-dim.force-theme.force-theme h2,
.theme-dim.force-theme.force-theme h3,
.theme-dim.force-theme.force-theme h4,
.theme-dim.force-theme.force-theme p,
.theme-dim.force-theme.force-theme span,
.theme-dim a,
.theme-dim div,
.theme-dim figcaption,
.theme-dim h1,
.theme-dim h2,
.theme-dim h3,
.theme-dim h4,
.theme-dim p,
.theme-dim span {
  color: #fff
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:active,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:hover,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:link,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:visited,
.theme-dim.force-theme.force-theme a,
.theme-dim.force-theme.force-theme a:active,
.theme-dim.force-theme.force-theme a:hover,
.theme-dim.force-theme.force-theme a:link,
.theme-dim.force-theme.force-theme a:visited,
.theme-dim a,
.theme-dim a:active,
.theme-dim a:hover,
.theme-dim a:link,
.theme-dim a:visited {
  color: #fff;
  outline: none
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:focus-visible,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper button:focus-visible,
.theme-dim.force-theme.force-theme a:focus-visible,
.theme-dim.force-theme.force-theme button:focus-visible,
.theme-dim a:focus-visible,
.theme-dim button:focus-visible {
  outline: 2px solid #fff;
  outline-color: #fff;
  outline-offset: 2px;
  border-radius: 2px
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper .theme-background,
.theme-dim.force-theme.force-theme .theme-background,
.theme-dim .theme-background {
  background-color: #000
}

.light-card a,
.light-card div,
.light-card figcaption,
.light-card h1,
.light-card h2,
.light-card h3,
.light-card h4,
.light-card p,
.light-card span,
.theme-bright a,
.theme-bright div,
.theme-bright figcaption,
.theme-bright h1,
.theme-bright h2,
.theme-bright h3,
.theme-bright h4,
.theme-bright p,
.theme-bright span,
.theme-dim .invert-section a,
.theme-dim .invert-section div,
.theme-dim .invert-section figcaption,
.theme-dim .invert-section h1,
.theme-dim .invert-section h2,
.theme-dim .invert-section h3,
.theme-dim .invert-section h4,
.theme-dim .invert-section p,
.theme-dim .invert-section span {
  color: #000
}

.light-card a,
.light-card a:active,
.light-card a:hover,
.light-card a:link,
.light-card a:visited,
.theme-bright a,
.theme-bright a:active,
.theme-bright a:hover,
.theme-bright a:link,
.theme-bright a:visited,
.theme-dim .invert-section a,
.theme-dim .invert-section a:active,
.theme-dim .invert-section a:hover,
.theme-dim .invert-section a:link,
.theme-dim .invert-section a:visited {
  color: #000;
  outline: none
}

.light-card a:focus-visible,
.light-card button:focus-visible,
.theme-bright a:focus-visible,
.theme-bright button:focus-visible,
.theme-dim .invert-section a:focus-visible,
.theme-dim .invert-section button:focus-visible {
  outline: 2px solid #000;
  outline-color: #000;
  outline-offset: 2px;
  border-radius: 2px
}

.light-card .theme-background,
.theme-bright .theme-background,
.theme-dim .invert-section .theme-background {
  background-color: #fff
}

.light-card .mat-svg-icon,
.theme-bright .mat-svg-icon,
.theme-dim .invert-section .mat-svg-icon {
  filter: invert(100%)
}

.light-card .mobile-nav-icon-list-item .mat-svg-icon,
.light-card .no-invert.mat-svg-icon,
.light-card li.no-invert .mat-svg-icon,
.theme-bright .mobile-nav-icon-list-item .mat-svg-icon,
.theme-bright .no-invert.mat-svg-icon,
.theme-bright li.no-invert .mat-svg-icon,
.theme-dim .invert-section .mobile-nav-icon-list-item .mat-svg-icon,
.theme-dim .invert-section .no-invert.mat-svg-icon,
.theme-dim .invert-section li.no-invert .mat-svg-icon {
  filter: none
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-option {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #000
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #c5d5e0
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox:after {
  color: #fff
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #000
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #c5d5e0
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0
}

.mat-app-background {
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87)
}

.mat-badge-content {
  color: #fff;
  background: #000
}

.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0
}

.mat-badge-accent .mat-badge-content {
  background: #c5d5e0;
  color: #000
}

.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336
}

.mat-badge {
  position: relative
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.mat-badge-disabled .mat-badge-content {
  background: #bdbdbd;
  color: rgba(0, 0, 0, .38)
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #000
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #c5d5e0
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336
}

.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
  color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #000
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #c5d5e0
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor
}

.mat-button-focus-overlay {
  background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #000
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #000
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #c5d5e0
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none
}

.mat-button-toggle {
  color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: 1px solid rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px
}

.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
  fill: #fff
}

.mat-checkbox-checkmark-path {
  stroke: #fff !important
}

.mat-checkbox-mixedmark {
  background-color: #fff
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #000
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #c5d5e0
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox .mat-ripple-element {
  background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #c5d5e0
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4
}

.mat-chip.mat-standard-chip:after {
  background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #000;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #c5d5e0;
  color: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #000;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-table {
  background: #fff
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
  color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, .87);
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, .24)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
  background: rgba(0, 0, 0, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(0, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-calendar-body-selected {
  background-color: #000;
  color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(0, 0, 0, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, .3)
}

.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
  background: rgba(197, 213, 224, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(197, 213, 224, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(197, 213, 224, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #c5d5e0;
  color: #000
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(197, 213, 224, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #000
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
  background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, .3)
}

.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
  color: #000
}

.mat-datepicker-toggle-active.mat-accent {
  color: #c5d5e0
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-expansion-panel-header {
  height: 48px
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px
}

.mat-form-field-label,
.mat-hint {
  color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #000
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #c5d5e0
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336
}

.mat-focused .mat-form-field-required-marker {
  color: #c5d5e0
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #000
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #c5d5e0
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #000
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #c5d5e0
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336
}

.mat-error {
  color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #000
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #c5d5e0
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
  color: #000
}

.mat-icon.mat-accent {
  color: #c5d5e0
}

.mat-icon.mat-warn {
  color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-input-element {
  caret-color: #000
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #c5d5e0
}

.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-warn .mat-input-element {
  caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
  color: #f44336
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
  background-color: #eee
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
  background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
  color: rgba(0, 0, 0, .38)
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04)
}

.mat-paginator {
  background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
  min-height: 56px
}

.mat-progress-bar-background {
  fill: #ededed
}

.mat-progress-bar-buffer {
  background-color: #ededed
}

.mat-progress-bar-fill:after {
  background-color: #000
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c5d5e0
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer,
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #c5d5e0
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #000
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #c5d5e0
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #000
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #000
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #c5d5e0
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #c5d5e0
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
  background-color: #000
}

.mat-select-value {
  color: rgba(0, 0, 0, .87)
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
  color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
  background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #000
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #c5d5e0
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38)
}

.mat-drawer,
.mat-drawer-container {
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
  background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid rgba(0, 0, 0, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #c5d5e0
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(197, 213, 224, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #c5d5e0
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #000
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #000
}

.mat-primary .mat-slider-thumb-label-text {
  color: #fff
}

.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .2)
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #c5d5e0
}

.mat-accent .mat-slider-thumb-label-text {
  color: #000
}

.mat-accent .mat-slider-focus-ring {
  background-color: rgba(197, 213, 224, .2)
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
  color: #fff
}

.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04)
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #000;
  color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
  color: #000
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #c5d5e0;
  color: #000
}

.mat-step-header.mat-warn .mat-step-icon {
  color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: #fff
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87)
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff
}

.mat-stepper-vertical-line:before {
  border-left-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header {
  height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px
}

.mat-stepper-vertical-line:before {
  top: -16px;
  bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px
}

.mat-sort-header-arrow {
  color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 92.9%, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #000
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #c5d5e0
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
  background-color: #000
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 92.9%, .3)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container {
  background-color: #000
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator:before {
  border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container {
  background-color: #c5d5e0
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
  color: #000
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator:before {
  border-color: #000
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element {
  background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container {
  background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator:before {
  border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
  background: #000;
  color: #fff
}

.mat-toolbar.mat-accent {
  background: #c5d5e0;
  color: #000
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor
}

.mat-toolbar-multiple-rows {
  min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px
  }

  .mat-toolbar-row,
  .mat-toolbar-single-row {
    height: 56px
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, .9)
}

.mat-tree {
  background: #fff
}

.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87)
}

.mat-tree-node {
  min-height: 48px
}

.mat-snack-bar-container {
  color: hsla(0, 0%, 100%, .7);
  background: #323232;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
  color: #c5d5e0
}

.g-display-block {
  display: block
}

.g-display-inline {
  display: inline
}

.g-display-inline-block {
  display: inline-block
}

.g-display-none {
  display: none
}

.g-margin-top-0 {
  margin-top: 0
}

.g-margin-right-0 {
  margin-right: 0
}

.g-margin-bottom-0 {
  margin-bottom: 0
}

.g-margin-left-0 {
  margin-left: 0
}

.g-margin-x-0 {
  margin-left: 0;
  margin-right: 0
}

.g-margin-y-0 {
  margin-top: 0;
  margin-bottom: 0
}

.g-margin-top-1 {
  margin-top: 1rem
}

.g-margin-right-1 {
  margin-right: 1rem
}

.g-margin-bottom-1 {
  margin-bottom: 1rem
}

.g-margin-left-1,
.g-margin-x-1 {
  margin-left: 1rem
}

.g-margin-x-1 {
  margin-right: 1rem
}

.g-margin-y-1 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.g-margin-top-2 {
  margin-top: 2rem
}

.g-margin-right-2 {
  margin-right: 2rem
}

.g-margin-bottom-2 {
  margin-bottom: 2rem
}

.g-margin-left-2,
.g-margin-x-2 {
  margin-left: 2rem
}

.g-margin-x-2 {
  margin-right: 2rem
}

.g-margin-y-2 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.g-margin-top-4 {
  margin-top: 4rem
}

.g-margin-right-4 {
  margin-right: 4rem
}

.g-margin-bottom-4 {
  margin-bottom: 4rem
}

.g-margin-left-4,
.g-margin-x-4 {
  margin-left: 4rem
}

.g-margin-x-4 {
  margin-right: 4rem
}

.g-margin-y-4 {
  margin-top: 4rem;
  margin-bottom: 4rem
}

.g-padding-top-0 {
  padding-top: 0
}

.g-padding-right-0 {
  padding-right: 0
}

.g-padding-bottom-0 {
  padding-bottom: 0
}

.g-padding-left-0 {
  padding-left: 0
}

.g-padding-x-0 {
  padding-left: 0;
  padding-right: 0
}

.g-padding-y-0 {
  padding-top: 0;
  padding-bottom: 0
}

.g-padding-top-1 {
  padding-top: 1rem
}

.g-padding-right-1 {
  padding-right: 1rem
}

.g-padding-bottom-1 {
  padding-bottom: 1rem
}

.g-padding-left-1,
.g-padding-x-1 {
  padding-left: 1rem
}

.g-padding-x-1 {
  padding-right: 1rem
}

.g-padding-y-1 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.g-padding-top-2 {
  padding-top: 2rem
}

.g-padding-right-2 {
  padding-right: 2rem
}

.g-padding-bottom-2 {
  padding-bottom: 2rem
}

.g-padding-left-2,
.g-padding-x-2 {
  padding-left: 2rem
}

.g-padding-x-2 {
  padding-right: 2rem
}

.g-padding-y-2 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.g-padding-top-4 {
  padding-top: 4rem
}

.g-padding-right-4 {
  padding-right: 4rem
}

.g-padding-bottom-4 {
  padding-bottom: 4rem
}

.g-padding-left-4,
.g-padding-x-4 {
  padding-left: 4rem
}

.g-padding-x-4 {
  padding-right: 4rem
}

.g-padding-y-4 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.g-text-no-wrap {
  white-space: nowrap
}

.g-text-align-left {
  text-align: left
}

.g-text-align-center {
  text-align: center
}

.g-text-align-right {
  text-align: right
}

.g-text-align-start {
  text-align: start
}

.g-text-align-end {
  text-align: end
}

.g-red.g-red.g-red {
  color: red
}

.g-strikethrough {
  text-decoration: line-through
}

.g-opacity-60 {
  opacity: .6
}

.g-opacity-70 {
  opacity: .7
}

.g-font-weight-bold {
  font-weight: 700
}

.g-position-relative {
  position: relative
}

.g-position-absolute {
  position: absolute
}

.g-size-fill-height {
  height: 100%
}

.g-size-fill-width,
body,
html {
  width: 100%
}

body,
html {
  height: 100%;
  margin: 0;
  display: flex;
  font: 16px/30px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

@media screen and (max-width: 500px) {

  body,
  html {
    font: 16px/25px Roboto, Helvetica, Arial, Verdana, sans-serif
  }
}

button {
  padding: 0
}

a {
  color: #000;
  font-weight: 700;
  text-decoration: none
}

a :active,
a :hover,
a :link,
a :visited {
  color: #000;
  font-weight: 700;
  text-decoration: underline
}

.link-bolded-underlined,
.link-bolded-underlined:active,
.link-bolded-underlined:focus,
.link-bolded-underlined:hover,
.link-bolded-underlined:visited {
  font-weight: 700 !important;
  text-decoration: underline !important
}

.link-bolded-underlined:focus {
  outline: 1px dotted #eee !important
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.2
}

h2 {
  font-size: 2rem
}

h3 {
  font-size: 1.75rem
}

h4 {
  font-size: 1.5rem
}

h5 {
  font-size: 1.25rem
}

h6 {
  font-size: 1rem
}

p {
  margin: 1em 0
}

[hidden] {
  display: none !important;
  transition: all .3s
}

.primary-color-button {
  background: #000;
  width: 100%;
  border: 2px solid #000;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font: 14px/48px Roboto, Helvetica, Arial, Verdana, geneva, sans-serif;
  height: 58px;
  font-weight: 700
}

.primary-color-button:focus {
  outline: 2px solid #000;
  border: 1px solid #fff
}

.secondary-color-button {
  background: #fff;
  width: 100%;
  border: 2px solid #000;
  border-radius: 0;
  color: #000;
  text-transform: uppercase;
  font: 14px/48px Roboto, Helvetica, Arial, Verdana, geneva, sans-serif;
  height: 58px;
  font-weight: 700
}

.primary-color-button:disabled,
.primary-color-button[disabled],
.secondary-color-button:disabled,
.secondary-color-button[disabled] {
  opacity: .25;
  cursor: not-allowed
}

input {
  border: thin solid #ededed
}

.spacer1 {
  height: 10px
}

.spacer2 {
  height: 20px
}

.spacer3 {
  height: 30px
}

.spacer4 {
  height: 40px
}

.spacer5 {
  height: 50px
}

.wrapper {
  padding: 0 2rem
}

body.isMobile video {
  display: none
}

.pac-container {
  margin-left: 2px
}

app-center-box>div {
  background-color: #262626;
  border-radius: 4px
}

app-center-box button {
  border-radius: 4px !important
}

.main-container {
  text-align: center;
  padding-top: 70px;
  background-color: #000
}

@media screen and (max-width: 500px) {
  .main-container {
    background-color: #262626
  }
}

.main-container img {
  width: 24%;
  min-width: 260px;
  max-width: 400px;
  height: auto;
  margin-bottom: 3em
}

.main-container .mobile {
  margin-top: 3rem;
  margin-bottom: 1rem
}

.main-container h3 {
  font-size: 40px;
  font-weight: 700
}

@media screen and (max-width: 500px) {
  .main-container h3 {
    font-size: 30px
  }
}

.main-container p {
  max-width: 600px;
  line-height: 1.4
}

.main-container-lt-md {
  padding: 1.4em
}

.main-container .home-button {
  max-width: 260px
}

.main-error-page-container,
.main-page-container {
  background-color: #000
}

@media screen and (max-width: 500px) {

  .main-error-page-container,
  .main-page-container {
    background-color: #262626
  }
}

@media screen and (min-width: 0\0) {
  .card-input-column {
    min-height: 615px
  }

  starlink-footer {
    padding-top: 35px
  }

  .content-container {
    display: table;
    width: 100%;
    min-height: calc(100vh - 135px)
  }

  .marketing-client {
    display: inline !important
  }
}

/*# sourceMappingURL=styles.fb43be15aadb684db802.css.map*/

@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN.woff2) format("woff2"), url(/static/fonts/D-DIN.woff) format("woff");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff");
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: DIN_Bold;
  font-display: swap;
  src: url(/static/fonts/D-DIN-Bold.ttf) format("ttf"), url(/static/fonts/D-DIN-Bold.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-light"), url(/static/fonts/Roboto-Light.woff2) format("woff2"), url(/static/fonts/Roboto-Light.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(/static/fonts/Roboto-Regular.woff2) format("woff2"), url(/static/fonts/Roboto-Regular.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(/static/fonts/Roboto-Italic.woff2) format("woff2"), url(/static/fonts/Roboto-Italic.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(/static/fonts/Roboto-Medium.woff2) format("woff2"), url(/static/fonts/Roboto-Medium.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/static/fonts/Roboto-Bold.woff2) format("woff2"), url(/static/fonts/Roboto-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(/static/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(/static/fonts/Roboto-BoldItalic.woff) format("woff")
}

.mat-menu-panel {
  border-radius: 0 !important;
  overflow-x: hidden !important;
  min-height: 40px !important;
  min-width: 77px !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:first-line,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  font-size: 1rem;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif
}

button .mat-spinner,
span .mat-spinner {
  margin: auto
}

button .mat-spinner circle,
span .mat-spinner circle {
  stroke: #fff
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline {
  background: #fff;
  border-radius: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  top: -.25em;
  width: auto
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: none
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-form-field-label,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-form-field-label,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-form-field-label {
  margin-top: 0
}

.customer-support mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled {
  color: rgba(0, 0, 0, .65)
}

.customer-support mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
.customer-support mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
.marketing-client mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
.marketing-client mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-flex,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline .mat-input-element:disabled {
  cursor: not-allowed
}

.customer-support mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
.marketing-client mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,
mat-dialog-container mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
  transition: none !important
}

.customer-support mat-checkbox .mat-checkbox-label,
.marketing-client mat-checkbox .mat-checkbox-label,
mat-dialog-container mat-checkbox .mat-checkbox-label {
  white-space: normal;
  font-size: .9rem
}

.customer-support mat-checkbox .mat-checkbox-layout,
.marketing-client mat-checkbox .mat-checkbox-layout,
mat-dialog-container mat-checkbox .mat-checkbox-layout {
  align-items: center
}

.customer-support mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container,
.marketing-client mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container,
mat-dialog-container mat-checkbox label.mat-checkbox-layout .mat-checkbox-inner-container {
  height: 28px;
  width: 28px
}

.customer-support mat-checkbox .mat-checkbox-frame,
.marketing-client mat-checkbox .mat-checkbox-frame,
mat-dialog-container mat-checkbox .mat-checkbox-frame {
  border: 1px solid #ededed;
  border-radius: 0;
  background: #fff
}

.customer-support mat-checkbox:active .mat-checkbox-frame,
.customer-support mat-checkbox:hover .mat-checkbox-frame,
.marketing-client mat-checkbox:active .mat-checkbox-frame,
.marketing-client mat-checkbox:hover .mat-checkbox-frame,
mat-dialog-container mat-checkbox:active .mat-checkbox-frame,
mat-dialog-container mat-checkbox:hover .mat-checkbox-frame {
  border: 1px solid #000;
  box-shadow: 0 0 0 1px #000
}

.customer-support.mat-dialog-container,
.marketing-client.mat-dialog-container,
mat-dialog-container.mat-dialog-container {
  border-radius: 0;
  margin: auto
}

.customer-support .mat-flat-button {
  border-radius: 0;
  height: 65px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%
}

.customer-support .mat-flat-button.mat-primary[disabled] {
  color: #fff
}

.customer-support .mat-form-field-appearance-outline .mat-form-field-flex {
  margin: 0
}

.customer-support .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  min-height: 65px
}

.customer-support .mat-card {
  border-radius: 0
}

.account-client h1,
.account-client h2,
.account-client h3,
.account-client h4,
.account-client h5,
.account-client h6,
.account-container h1,
.account-container h2,
.account-container h3,
.account-container h4,
.account-container h5,
.account-container h6,
.account-credit-and-deposits h1,
.account-credit-and-deposits h2,
.account-credit-and-deposits h3,
.account-credit-and-deposits h4,
.account-credit-and-deposits h5,
.account-credit-and-deposits h6,
.account-home h1,
.account-home h2,
.account-home h3,
.account-home h4,
.account-home h5,
.account-home h6,
.account-payments h1,
.account-payments h2,
.account-payments h3,
.account-payments h4,
.account-payments h5,
.account-payments h6,
.account-statement-detail h1,
.account-statement-detail h2,
.account-statement-detail h3,
.account-statement-detail h4,
.account-statement-detail h5,
.account-statement-detail h6,
.account-statements h1,
.account-statements h2,
.account-statements h3,
.account-statements h4,
.account-statements h5,
.account-statements h6,
.address-dialog h1,
.address-dialog h2,
.address-dialog h3,
.address-dialog h4,
.address-dialog h5,
.address-dialog h6,
.deposit-client h1,
.deposit-client h2,
.deposit-client h3,
.deposit-client h4,
.deposit-client h5,
.deposit-client h6,
.deposit-complete-component h1,
.deposit-complete-component h2,
.deposit-complete-component h3,
.deposit-complete-component h4,
.deposit-complete-component h5,
.deposit-complete-component h6,
.documents-component h1,
.documents-component h2,
.documents-component h3,
.documents-component h4,
.documents-component h5,
.documents-component h6,
.legal-doc-styles h1,
.legal-doc-styles h2,
.legal-doc-styles h3,
.legal-doc-styles h4,
.legal-doc-styles h5,
.legal-doc-styles h6,
.order-client h1,
.order-client h2,
.order-client h3,
.order-client h4,
.order-client h5,
.order-client h6,
.order-complete-component h1,
.order-complete-component h2,
.order-complete-component h3,
.order-complete-component h4,
.order-complete-component h5,
.order-complete-component h6,
.page-not-found-outer-container h1,
.page-not-found-outer-container h2,
.page-not-found-outer-container h3,
.page-not-found-outer-container h4,
.page-not-found-outer-container h5,
.page-not-found-outer-container h6,
.preorder-complete-component h1,
.preorder-complete-component h2,
.preorder-complete-component h3,
.preorder-complete-component h4,
.preorder-complete-component h5,
.preorder-complete-component h6,
.sign-up-success-component h1,
.sign-up-success-component h2,
.sign-up-success-component h3,
.sign-up-success-component h4,
.sign-up-success-component h5,
.sign-up-success-component h6 {
  margin: 0
}

.account-client h1,
.account-container h1,
.account-credit-and-deposits h1,
.account-home h1,
.account-payments h1,
.account-statement-detail h1,
.account-statements h1,
.address-dialog h1,
.deposit-client h1,
.deposit-complete-component h1,
.documents-component h1,
.legal-doc-styles h1,
.order-client h1,
.order-complete-component h1,
.page-not-found-outer-container h1,
.preorder-complete-component h1,
.sign-up-success-component h1 {
  font: 60px/60px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width:500px) {

  .account-client h1,
  .account-container h1,
  .account-credit-and-deposits h1,
  .account-home h1,
  .account-payments h1,
  .account-statement-detail h1,
  .account-statements h1,
  .address-dialog h1,
  .deposit-client h1,
  .deposit-complete-component h1,
  .documents-component h1,
  .legal-doc-styles h1,
  .order-client h1,
  .order-complete-component h1,
  .page-not-found-outer-container h1,
  .preorder-complete-component h1,
  .sign-up-success-component h1 {
    font: 40px/40px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h2,
.account-container h2,
.account-credit-and-deposits h2,
.account-home h2,
.account-payments h2,
.account-statement-detail h2,
.account-statements h2,
.address-dialog h2,
.deposit-client h2,
.deposit-complete-component h2,
.documents-component h2,
.legal-doc-styles h2,
.order-client h2,
.order-complete-component h2,
.page-not-found-outer-container h2,
.preorder-complete-component h2,
.sign-up-success-component h2 {
  font: 50px/50px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width:500px) {

  .account-client h2,
  .account-container h2,
  .account-credit-and-deposits h2,
  .account-home h2,
  .account-payments h2,
  .account-statement-detail h2,
  .account-statements h2,
  .address-dialog h2,
  .deposit-client h2,
  .deposit-complete-component h2,
  .documents-component h2,
  .legal-doc-styles h2,
  .order-client h2,
  .order-complete-component h2,
  .page-not-found-outer-container h2,
  .preorder-complete-component h2,
  .sign-up-success-component h2 {
    font: 40px/40px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h3,
.account-container h3,
.account-credit-and-deposits h3,
.account-home h3,
.account-payments h3,
.account-statement-detail h3,
.account-statements h3,
.address-dialog h3,
.deposit-client h3,
.deposit-complete-component h3,
.documents-component h3,
.legal-doc-styles h3,
.order-client h3,
.order-complete-component h3,
.page-not-found-outer-container h3,
.preorder-complete-component h3,
.sign-up-success-component h3 {
  font: 40px/50px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width:500px) {

  .account-client h3,
  .account-container h3,
  .account-credit-and-deposits h3,
  .account-home h3,
  .account-payments h3,
  .account-statement-detail h3,
  .account-statements h3,
  .address-dialog h3,
  .deposit-client h3,
  .deposit-complete-component h3,
  .documents-component h3,
  .legal-doc-styles h3,
  .order-client h3,
  .order-complete-component h3,
  .page-not-found-outer-container h3,
  .preorder-complete-component h3,
  .sign-up-success-component h3 {
    font: 30px/30px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h4,
.account-container h4,
.account-credit-and-deposits h4,
.account-home h4,
.account-payments h4,
.account-statement-detail h4,
.account-statements h4,
.address-dialog h4,
.deposit-client h4,
.deposit-complete-component h4,
.documents-component h4,
.legal-doc-styles h4,
.order-client h4,
.order-complete-component h4,
.page-not-found-outer-container h4,
.preorder-complete-component h4,
.sign-up-success-component h4 {
  font: 25px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width:500px) {

  .account-client h4,
  .account-container h4,
  .account-credit-and-deposits h4,
  .account-home h4,
  .account-payments h4,
  .account-statement-detail h4,
  .account-statements h4,
  .address-dialog h4,
  .deposit-client h4,
  .deposit-complete-component h4,
  .documents-component h4,
  .legal-doc-styles h4,
  .order-client h4,
  .order-complete-component h4,
  .page-not-found-outer-container h4,
  .preorder-complete-component h4,
  .sign-up-success-component h4 {
    font: 25px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.account-client h5,
.account-container h5,
.account-credit-and-deposits h5,
.account-home h5,
.account-payments h5,
.account-statement-detail h5,
.account-statements h5,
.address-dialog h5,
.deposit-client h5,
.deposit-complete-component h5,
.documents-component h5,
.legal-doc-styles h5,
.order-client h5,
.order-complete-component h5,
.page-not-found-outer-container h5,
.preorder-complete-component h5,
.sign-up-success-component h5 {
  font: 20px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  font-style: normal
}

@media screen and (max-width:500px) {

  .account-client h5,
  .account-container h5,
  .account-credit-and-deposits h5,
  .account-home h5,
  .account-payments h5,
  .account-statement-detail h5,
  .account-statements h5,
  .address-dialog h5,
  .deposit-client h5,
  .deposit-complete-component h5,
  .documents-component h5,
  .legal-doc-styles h5,
  .order-client h5,
  .order-complete-component h5,
  .page-not-found-outer-container h5,
  .preorder-complete-component h5,
  .sign-up-success-component h5 {
    font: 20px/25px Roboto, Helvetica, Arial, Verdana, sans-serif;
    font-weight: 700
  }
}

.clickable {
  cursor: pointer
}

.clickable:hover {
  text-decoration: underline
}

.clickable:active {
  opacity: .5
}

@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/assets/iconfont/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/static/assets/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/static/assets/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/static/assets/iconfont/MaterialIcons-Regular.ttf) format("truetype")
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga"
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-badge-small .mat-badge-content {
  font-size: 9px
}

.mat-badge-large .mat-badge-content {
  font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 700 32px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
  font: 500 calc(16px * .83)/24px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
  font: 500 calc(16px * .67)/24px Roboto, Helvetica Neue, sans-serif;
  margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.05em;
  margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.02em;
  margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.005em;
  margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-bottom-sheet-container {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-button-toggle,
.mat-card {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
  font-size: 32px;
  font-weight: 500
}

.mat-card-header .mat-card-title {
  font-size: 20px
}

.mat-card-content,
.mat-card-subtitle {
  font-size: 16px
}

.mat-checkbox {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 14px;
  font-weight: 500
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px
}

.mat-table {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500
}

.mat-cell,
.mat-footer-cell {
  font-size: 16px
}

.mat-calendar {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 500
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-expansion-panel-header {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 500 16px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.34375em
}

.mat-form-field-underline {
  bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.6666666667em)
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75)
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 16px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px;
  font-weight: 500
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px
}

.mat-radio-button,
.mat-select {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
  font-size: 16px;
  font-weight: 500
}

.mat-step-sub-label-error {
  font-weight: 400
}

.mat-step-label-error {
  font-size: 14px
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal;
  margin: 0
}

.mat-tooltip {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
  font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base .mat-list-option {
  font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 16px
}

.mat-list-base .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 12px;
  font-weight: 500
}

.mat-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: normal
}

.mat-simple-snackbar {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500
}

.mat-tree {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 500;
  font-size: 16px
}

.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
  position: relative
}

.theme-dim .info-pane,
.theme-dim .topic-option {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-bright .info-pane,
.theme-bright .topic-option {
  background-color: #e5e5e5
}

.clear-mode>.starlink-public-header-navigation {
  background-color: #000
}

.clear-black-mode>.starlink-public-header-navigation {
  background-color: #fff
}

.app-banner .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.app-banner .button,
.cdk-overlay-container .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.cdk-overlay-container .button,
mat-drawer-container.mat-drawer-container .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
mat-drawer-container.mat-drawer-container .button,
mat-sidenav-container.mat-drawer-container.layout-main .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
mat-sidenav-container.mat-drawer-container.layout-main .button {
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  min-height: 50px;
  border-radius: 4px;
  padding: 2px 4px;
  box-sizing: border-box
}

.theme-dim .button.button-filled,
.theme-dim.force-theme.force-theme .button.button-filled {
  background: #fff;
  color: #000;
  border: 0
}

.theme-dim .button.button-filled span,
.theme-dim.force-theme.force-theme .button.button-filled span {
  color: #000
}

.theme-dim .button.button-filled.disabled,
.theme-dim .button.button-filled:disabled,
.theme-dim.force-theme.force-theme .button.button-filled.disabled,
.theme-dim.force-theme.force-theme .button.button-filled:disabled {
  color: hsla(0, 0%, 100%, .7);
  background: hsla(0, 0%, 100%, .3)
}

.theme-dim .button.button-filled.disabled span,
.theme-dim .button.button-filled:disabled span,
.theme-dim.force-theme.force-theme .button.button-filled.disabled span,
.theme-dim.force-theme.force-theme .button.button-filled:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.theme-dim .button.button-filled .mat-svg-icon,
.theme-dim.force-theme.force-theme .button.button-filled .mat-svg-icon {
  filter: invert(100%)
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim .button.button-outlined,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim.force-theme.force-theme .button.button-outlined {
  background: transparent;
  color: #fff;
  border: 2px solid #fff
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim .button.button-outlined span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim.force-theme.force-theme .button.button-outlined span {
  color: #fff
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim .button.button-outlined.disabled,
.theme-dim .button.button-outlined:disabled,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim.force-theme.force-theme .button.button-outlined.disabled,
.theme-dim.force-theme.force-theme .button.button-outlined:disabled {
  color: hsla(0, 0%, 100%, .7);
  border-color: hsla(0, 0%, 100%, .3)
}

.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim .button.button-outlined.disabled span,
.theme-dim .button.button-outlined:disabled span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim.force-theme.force-theme .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim.force-theme.force-theme .button.button-outlined.disabled span,
.theme-dim.force-theme.force-theme .button.button-outlined:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.theme-dim .button.button-underlined,
.theme-dim.force-theme.force-theme .button.button-underlined {
  background: transparent;
  color: #fff;
  border: none;
  text-decoration: underline
}

.theme-dim .button.button-underlined span,
.theme-dim.force-theme.force-theme .button.button-underlined span {
  color: #fff
}

.theme-dim .button.button-underlined.disabled,
.theme-dim .button.button-underlined.disabled span,
.theme-dim .button.button-underlined:disabled,
.theme-dim .button.button-underlined:disabled span,
.theme-dim.force-theme.force-theme .button.button-underlined.disabled,
.theme-dim.force-theme.force-theme .button.button-underlined.disabled span,
.theme-dim.force-theme.force-theme .button.button-underlined:disabled,
.theme-dim.force-theme.force-theme .button.button-underlined:disabled span {
  color: hsla(0, 0%, 100%, .7)
}

.light-card .button.button-filled,
.theme-bright .button.button-filled,
.theme-dim .invert-section .button.button-filled {
  background: #000;
  color: #fff;
  border: 0
}

.light-card .button.button-filled span,
.theme-bright .button.button-filled span,
.theme-dim .invert-section .button.button-filled span {
  color: #fff
}

.light-card .button.button-filled.disabled,
.light-card .button.button-filled:disabled,
.theme-bright .button.button-filled.disabled,
.theme-bright .button.button-filled:disabled,
.theme-dim .invert-section .button.button-filled.disabled,
.theme-dim .invert-section .button.button-filled:disabled {
  color: rgba(0, 0, 0, .3);
  background: rgba(0, 0, 0, .3)
}

.light-card .button.button-filled.disabled span,
.light-card .button.button-filled:disabled span,
.theme-bright .button.button-filled.disabled span,
.theme-bright .button.button-filled:disabled span,
.theme-dim .invert-section .button.button-filled.disabled span,
.theme-dim .invert-section .button.button-filled:disabled span {
  color: rgba(0, 0, 0, .3)
}

.light-card .button.button-filled .mat-svg-icon,
.theme-bright .button.button-filled .mat-svg-icon,
.theme-dim .invert-section .button.button-filled .mat-svg-icon {
  filter: none
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.light-card .button.button-outlined,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-bright .button.button-outlined,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details,
.theme-dim .invert-section .button.button-outlined {
  background: transparent;
  color: #000;
  border: 2px solid #000
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.light-card .button.button-outlined span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-bright .button.button-outlined span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details span,
.theme-dim .invert-section .button.button-outlined span {
  color: #000
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.light-card .button.button-outlined.disabled,
.light-card .button.button-outlined:disabled,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-bright .button.button-outlined.disabled,
.theme-bright .button.button-outlined:disabled,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled,
.theme-dim .invert-section .button.button-outlined.disabled,
.theme-dim .invert-section .button.button-outlined:disabled {
  color: rgba(0, 0, 0, .3);
  border-color: rgba(0, 0, 0, .3)
}

.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.light-card .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.light-card .button.button-outlined.disabled span,
.light-card .button.button-outlined:disabled span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-bright .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-bright .button.button-outlined.disabled span,
.theme-bright .button.button-outlined:disabled span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details.disabled span,
.theme-dim .invert-section .adyen-checkout__payment-method--applepay .adyen-checkout__payment-method__details:disabled span,
.theme-dim .invert-section .button.button-outlined.disabled span,
.theme-dim .invert-section .button.button-outlined:disabled span {
  color: rgba(0, 0, 0, .3)
}

.light-card .button.button-underlined,
.theme-bright .button.button-underlined,
.theme-dim .invert-section .button.button-underlined {
  background: transparent;
  color: #000;
  border: none;
  text-decoration: underline
}

.light-card .button.button-underlined span,
.theme-bright .button.button-underlined span,
.theme-dim .invert-section .button.button-underlined span {
  color: #000
}

.light-card .button.button-underlined.disabled,
.light-card .button.button-underlined.disabled span,
.light-card .button.button-underlined:disabled,
.light-card .button.button-underlined:disabled span,
.theme-bright .button.button-underlined.disabled,
.theme-bright .button.button-underlined.disabled span,
.theme-bright .button.button-underlined:disabled,
.theme-bright .button.button-underlined:disabled span,
.theme-dim .invert-section .button.button-underlined.disabled,
.theme-dim .invert-section .button.button-underlined.disabled span,
.theme-dim .invert-section .button.button-underlined:disabled,
.theme-dim .invert-section .button.button-underlined:disabled span {
  color: rgba(0, 0, 0, .3)
}

.cdk-overlay-container .mat-form-field-outline,
mat-drawer-container.mat-drawer-container .mat-form-field-outline,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-outline {
  border-radius: 4px
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-infix,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-infix,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-infix {
  top: 0;
  border-top: none;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0
}

.cdk-overlay-container .mat-input-element,
mat-drawer-container.mat-drawer-container .mat-input-element,
mat-sidenav-container.mat-drawer-container.layout-main .mat-input-element {
  font-size: 16px;
  line-height: 20px
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-start {
  border-radius: 4px 0 0 4px;
  border-right-style: none
}

.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
.cdk-overlay-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-end.mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-appearance-outline .mat-form-field-outline-start.mat-form-field-outline-end {
  border-radius: 0 4px 4px 0;
  border-left-style: none
}

.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.cdk-overlay-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
mat-drawer-container.mat-drawer-container .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-end,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-gap,
mat-sidenav-container.mat-drawer-container.layout-main .mat-form-field-invalid.mat-form-field-appearance-outline.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: #f44336
}

.cdk-overlay-container ::-webkit-input-placeholder,
.cdk-overlay-container ::placeholder,
mat-drawer-container.mat-drawer-container ::-webkit-input-placeholder,
mat-drawer-container.mat-drawer-container ::placeholder,
mat-sidenav-container.mat-drawer-container.layout-main ::-webkit-input-placeholder,
mat-sidenav-container.mat-drawer-container.layout-main ::placeholder {
  opacity: 1;
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.theme-dim.theme-dim.theme-dim .mat-form-field-outline {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim.theme-dim.theme-dim .mat-input-element {
  caret-color: #fff
}

.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-end,
.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.theme-dim.theme-dim.theme-dim .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: hsla(0, 0%, 100%, .5)
}

.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-end,
.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.theme-dim.theme-dim.theme-dim .mat-focused.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-color: #fff
}

.theme-dim.theme-dim.theme-dim ::-webkit-input-placeholder,
.theme-dim.theme-dim.theme-dim ::placeholder {
  color: hsla(0, 0%, 100%, .25)
}

.theme-bright.theme-bright .mat-input-element {
  caret-color: #000
}

.theme-bright.theme-bright .mat-form-field-outline {
  background-color: hsla(0, 0%, 100%, .85)
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card {
  padding: 30px;
  border-radius: 4px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td {
  border: none
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card tr {
  height: auto
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-cell:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-footer-cell:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell:last-of-type {
  text-align: left
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card .column-shrink,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell:last-of-type {
  width: .1%
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card .column-nowrap,
mat-sidenav-container.mat-drawer-container.layout-main .table-card th.mat-header-cell {
  white-space: nowrap
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td.mat-cell.selectable {
  cursor: pointer
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card td a mat-icon {
  vertical-align: middle
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card h1,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h2,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h3,
mat-sidenav-container.mat-drawer-container.layout-main .table-card h4,
mat-sidenav-container.mat-drawer-container.layout-main .table-card p {
  margin-bottom: 20px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card sx-paginator {
  margin-bottom: -18px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile {
  width: 100%;
  padding: 30px 22px
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table {
  background-color: transparent;
  border-collapse: collapse;
  width: 100%
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th {
  padding: 24px 6px
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td:first-of-type,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th:first-of-type {
  padding-left: 0
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td:last-of-type,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th:last-of-type {
  padding-right: 0
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table th {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table tr+tr {
  border-top: 1px solid #707070
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td.selectable a:focus,
mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td.selectable a:hover {
  cursor: pointer;
  text-decoration: underline
}

mat-sidenav-container.mat-drawer-container.layout-main table.mat-table td a {
  font-weight: 400;
  text-decoration: underline
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table tr.mobile-stack {
  display: flex;
  flex-direction: column;
  padding: 12px 0
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table td,
mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table th {
  padding-top: 8px;
  padding-bottom: 8px
}

mat-sidenav-container.mat-drawer-container.layout-main .table-card-mobile table.mat-table td.mobile-stack {
  padding-left: 0;
  padding-right: 0
}

.theme-dim .table-card {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim table.mat-table td,
.theme-dim table.mat-table th {
  color: #fff
}

.theme-bright .table-card {
  background-color: #e5e5e5
}

.theme-bright table.mat-table td,
.theme-bright table.mat-table th {
  color: #000
}

.sx-paginator {
  margin-bottom: 10px
}

.theme-dim .sx-paginator .pagination-button>span,
.theme-dim .sx-paginator span.pagination-ellipsis {
  color: hsla(0, 0%, 100%, .29)
}

.theme-dim .sx-paginator .pagination-button.current-page>span {
  color: #fff;
  -webkit-text-decoration-color: hsla(0, 0%, 100%, .29);
  text-decoration-color: hsla(0, 0%, 100%, .29)
}

.theme-bright .sx-paginator .pagination-button>span,
.theme-bright .sx-paginator span.pagination-ellipsis {
  color: rgba(0, 0, 0, .35)
}

.theme-bright .sx-paginator .pagination-button.current-page>span {
  color: #000;
  -webkit-text-decoration-color: rgba(0, 0, 0, .35);
  text-decoration-color: rgba(0, 0, 0, .35)
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout {
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 50px
}

@media screen and (max-width:960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout {
    flex-direction: column;
    gap: 0;
    padding: 0 12px
  }
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out;
  margin-top: 66px;
  display: flex;
  flex-direction: column;
  flex-basis: 400px;
  max-width: 400px;
  flex-shrink: 0;
  padding: 30px 36px;
  border-radius: 4px
}

@media screen and (max-width:960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane {
    margin-top: 0;
    padding: 30px 22px;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%
  }
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h1,
mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h2,
mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane h3 {
  margin-bottom: 10px
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .button {
  width: 100%
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .light-card {
  padding: 28px 22px;
  width: 100%;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, .9)
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .info-pane .light-card h4 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  font-weight: 100
}

mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .content-pane {
  max-width: 1020px;
  margin-top: 66px;
  display: flex;
  flex-basis: 70%
}

@media screen and (max-width:960px) {
  mat-sidenav-container.mat-drawer-container.layout-main .info-pane-layout .content-pane {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    flex-basis: auto
  }
}

.info-pane .info-pane-option {
  cursor: pointer;
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  padding: 15px 0
}

.info-pane .info-pane-option .mat-icon {
  transform: scale(.7)
}

.info-pane button.info-pane-option {
  width: 100%;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0
}

.info-pane button.info-pane-option .mat-button-wrapper {
  place-content: center space-between;
  align-items: center;
  display: flex;
  width: 100%
}

.theme-dim .info-pane {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim .divider-top,
.theme-dim .info-pane .info-pane-option:not(:first-of-type) {
  border-top: 1px solid hsla(0, 0%, 100%, .28)
}

.theme-bright .info-pane {
  background-color: #e5e5e5
}

.theme-bright .divider-top,
.theme-bright .info-pane .info-pane-option:not(:first-of-type) {
  border-top: 1px solid rgba(0, 0, 0, .28)
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel {
  color: inherit;
  background-color: inherit
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header {
  background-color: inherit
}

.mat-expansion-panel.mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header-title {
  color: inherit
}

.cdk-overlay-container .mat-checkbox-background,
mat-drawer-container.mat-drawer-container .mat-checkbox-background,
mat-sidenav-container.mat-drawer-container.layout-main .mat-checkbox-background {
  border-radius: 4px
}

.cdk-overlay-container .mat-checkbox-frame,
mat-drawer-container.mat-drawer-container .mat-checkbox-frame,
mat-sidenav-container.mat-drawer-container.layout-main .mat-checkbox-frame {
  border-radius: 4px;
  background-color: transparent
}

.theme-dim .mat-checkbox-label {
  color: #fff !important
}

.theme-dim .mat-checkbox-background {
  border-width: 1px;
  border-style: solid;
  border-color: #fff !important
}

.theme-bright .mat-checkbox-label {
  color: #000 !important
}

.theme-bright .mat-checkbox-background {
  border-width: 1px;
  border-style: solid;
  border-color: #000 !important
}

.theme-dim.theme-dim.theme-dim .mat-option {
  background-color: rgba(0, 0, 0, .75)
}

.theme-dim.theme-dim.theme-dim .mat-option.mat-active,
.theme-dim.theme-dim.theme-dim .mat-option:hover {
  background-color: rgba(0, 0, 0, .7)
}

.theme-dim.theme-dim.theme-dim .mat-option .mat-option-text {
  border-bottom: none
}

:not(.full-screen)>.mat-dialog-container {
  box-shadow: none;
  border-radius: 4px
}

@media screen and (max-width:536px) {
  :not(.full-screen)>.mat-dialog-container {
    border-radius: 0
  }
}

#consumer-landing .background-image-container-first {
  background-image: image-set(url(/static/images/home_illustriation1_d.webp) 1x type("image/webp"), url(/static/images/home_illustriation1_d.jpg) 1x type("image/jpeg"));
  background-size: 50%;
  background-position: left -25%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#consumer-landing .background-image-container {
  background-image: image-set(url(/static/images/home_illustriation2_d.webp) 1x type("image/webp"), url(/static/images/home_illustriation2_d.jpg) 1x type("image/jpeg"));
  background-size: 50%;
  background-position: right -25%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

:not(.full-screen):not(.standard-padding)>.mat-dialog-container {
  padding: 66px 20px 40px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

.background-hidden {
  opacity: 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane {
  padding: 0;
  width: 536px;
  max-width: 100% !important;
  max-height: 100vh;
  position: relative !important
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane.dropdown-extend .mat-dialog-container {
  overflow: initial
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane h3 {
  margin-bottom: 20px
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane p {
  margin: 12px 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .dialog-close-button {
  position: absolute;
  top: 8px;
  right: 10px;
  transform: scale(.6)
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 12px;
  padding: 10px 0;
  margin: 12px 0 0
}

.cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions button {
  margin: 0 auto;
  width: 100%;
  max-width: 50%
}

@media screen and (max-width:960px) {
  .cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions {
    gap: 10px;
    flex-direction: column
  }

  .cdk-overlay-container :not(.cdk-overlay-connected-position-bounding-box) .cdk-overlay-pane .mat-dialog-actions button {
    max-width: 100%
  }
}

.theme-bright .cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, .7)
}

.theme-bright .cdk-overlay-container .mat-dialog-container {
  background-color: #fff;
  color: #000
}

.marketing-client-container .cdk-overlay-container .cdk-overlay-dark-backdrop,
.theme-dim .cdk-overlay-container .cdk-overlay-dark-backdrop {
  background-color: rgba(0, 0, 0, .7)
}

.marketing-client-container .cdk-overlay-container .mat-dialog-container,
.theme-dim .cdk-overlay-container .mat-dialog-container {
  background-color: #262626;
  color: #fff
}

.marketing-client-container .cdk-overlay-container .mat-input-element:disabled,
.theme-dim .cdk-overlay-container .mat-input-element:disabled {
  color: hsla(0, 0%, 100%, .65)
}

.cdk-overlay-container .mat-select-arrow-wrapper,
mat-drawer-container.mat-drawer-container .mat-select-arrow-wrapper,
mat-sidenav-container.mat-drawer-container.layout-main .mat-select-arrow-wrapper {
  transform: none
}

.cdk-overlay-container .mat-select-placeholder,
mat-drawer-container.mat-drawer-container .mat-select-placeholder,
mat-sidenav-container.mat-drawer-container.layout-main .mat-select-placeholder {
  opacity: 1;
  text-transform: uppercase;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.theme-dim.theme-dim.theme-dim .mat-select-placeholder {
  color: hsla(0, 0%, 100%, .25)
}

.theme-bright.theme-bright.theme-bright .mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.cdk-overlay-container .mat-tab-labels,
mat-sidenav-container.mat-drawer-container.layout-main .mat-tab-labels {
  margin-bottom: 18px
}

.cdk-overlay-container .mat-tab-label,
mat-sidenav-container.mat-drawer-container.layout-main .mat-tab-label {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  flex-basis: 100%;
  place-content: center
}

.cdk-overlay-container .mat-ink-bar,
mat-sidenav-container.mat-drawer-container.layout-main .mat-ink-bar {
  display: none
}

.theme-dim.theme-dim .mat-tab-label {
  color: hsla(0, 0%, 100%, .28);
  border-bottom: 2px solid hsla(0, 0%, 100%, .28)
}

.theme-dim.theme-dim .mat-tab-label-active {
  color: #fff;
  border-bottom: 2px solid #fff
}

.theme-bright.theme-bright .mat-tab-label {
  color: rgba(0, 0, 0, .28);
  border-bottom: 2px solid rgba(0, 0, 0, .28)
}

.theme-bright.theme-bright .mat-tab-label-active {
  color: #000;
  border-bottom: 2px solid #000
}

.theme-dim.theme-dim .mat-progress-spinner circle,
.theme-dim.theme-dim .mat-spinner circle {
  stroke: #fff
}

.fddbold30 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold25 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold22 {
  font: 22px/22px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold20 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold18 {
  font: 18px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold16 {
  font: 16px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold14 {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold12 {
  font: 12px/18px DIN_Bold, Arial, Verdana, sans-serif
}

.fdd30 {
  font: 30px/30px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd20 {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd18 {
  font: 18px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd16 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd15 {
  font: 15px/15px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd14 {
  font: 14px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd12 {
  font: 12px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd10 {
  font: 10px/14px DIN_Regular, Arial, Verdana, sans-serif
}

.frob20 {
  font: 20px/30px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob16 {
  font: 16px/26px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob14 {
  font: 14px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob12 {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob10 {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.uppercase {
  text-transform: uppercase
}

.notification.notification.notification {
  border-radius: 4px;
  width: 100%;
  padding: 12px 14px;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.notification.notification.notification.alert {
  background-color: #591f1c;
  color: #fff
}

.theme-dim .mat-card {
  background-color: hsla(0, 0%, 100%, .15);
  color: hsla(0, 0%, 100%, .85)
}

.mat-datepicker-content .mat-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.theme-dim .mat-datepicker-content {
  background-color: #262626
}

.theme-dim .mat-datepicker-content-container {
  background-color: hsla(0, 0%, 100%, .15)
}

.theme-dim .mat-calendar-body-label,
.theme-dim .mat-calendar-next-button,
.theme-dim .mat-calendar-previous-button,
.theme-dim .mat-calendar-table-header {
  color: hsla(0, 0%, 100%, .85)
}

body:not(.consumer-theme) .cdk-overlay-container,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out
}

body:not(.consumer-theme) .cdk-overlay-container .page-margin,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .page-margin,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .page-margin {
  margin-top: 70px
}

body:not(.consumer-theme) .cdk-overlay-container h3,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h3,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h3 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

body:not(.consumer-theme) .cdk-overlay-container h4,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h4,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h4 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase
}

body:not(.consumer-theme) .cdk-overlay-container h5,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container h5,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main h5 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px
}

body:not(.consumer-theme) .cdk-overlay-container .fdd16,
body:not(.consumer-theme) .cdk-overlay-container .long-description div .long-description div a,
body:not(.consumer-theme) .cdk-overlay-container app-error-alert,
body:not(.consumer-theme) .cdk-overlay-container li,
body:not(.consumer-theme) .cdk-overlay-container p,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .fdd16,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .long-description div .long-description div a,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container app-error-alert,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container li,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container p,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .fdd16,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .long-description div .long-description div a,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main app-error-alert,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main li,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main p {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif;
  margin: 10px 0
}

body:not(.consumer-theme) .cdk-overlay-container .p-small,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .p-small,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .p-small {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif;
  color: #888
}

body:not(.consumer-theme) .cdk-overlay-container .p-small a,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .p-small a,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .p-small a {
  font-weight: 700;
  text-decoration: underline
}

body:not(.consumer-theme) .cdk-overlay-container .invert-section,
body:not(.consumer-theme) mat-drawer-container.mat-drawer-container .invert-section,
body:not(.consumer-theme) mat-sidenav-container.mat-drawer-container.layout-main .invert-section {
  background-color: hsla(0, 0%, 100%, .9)
}

body:not(.consumer-theme) .theme-background {
  transition-property: background-color, border-color, color;
  transition-duration: .25s;
  transition-timing-function: ease-in-out
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper div,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper figcaption,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h1,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h2,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h3,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper h4,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper p,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper span,
.theme-dim.force-theme.force-theme a,
.theme-dim.force-theme.force-theme div,
.theme-dim.force-theme.force-theme figcaption,
.theme-dim.force-theme.force-theme h1,
.theme-dim.force-theme.force-theme h2,
.theme-dim.force-theme.force-theme h3,
.theme-dim.force-theme.force-theme h4,
.theme-dim.force-theme.force-theme p,
.theme-dim.force-theme.force-theme span,
.theme-dim a,
.theme-dim div,
.theme-dim figcaption,
.theme-dim h1,
.theme-dim h2,
.theme-dim h3,
.theme-dim h4,
.theme-dim p,
.theme-dim span {
  color: #fff
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:active,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:hover,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:link,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:visited,
.theme-dim.force-theme.force-theme a,
.theme-dim.force-theme.force-theme a:active,
.theme-dim.force-theme.force-theme a:hover,
.theme-dim.force-theme.force-theme a:link,
.theme-dim.force-theme.force-theme a:visited,
.theme-dim a,
.theme-dim a:active,
.theme-dim a:hover,
.theme-dim a:link,
.theme-dim a:visited {
  color: #fff;
  outline: none
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper a:focus-visible,
.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper button:focus-visible,
.theme-dim.force-theme.force-theme a:focus-visible,
.theme-dim.force-theme.force-theme button:focus-visible,
.theme-dim a:focus-visible,
.theme-dim button:focus-visible {
  outline: 2px solid #fff;
  outline-color: #fff;
  outline-offset: 2px;
  border-radius: 2px
}

.marketing-client-container:not(.consumer-theme) .cdk-global-overlay-wrapper .theme-background,
.theme-dim.force-theme.force-theme .theme-background,
.theme-dim .theme-background {
  background-color: #000
}

.light-card a,
.light-card div,
.light-card figcaption,
.light-card h1,
.light-card h2,
.light-card h3,
.light-card h4,
.light-card p,
.light-card span,
.theme-bright a,
.theme-bright div,
.theme-bright figcaption,
.theme-bright h1,
.theme-bright h2,
.theme-bright h3,
.theme-bright h4,
.theme-bright p,
.theme-bright span,
.theme-dim .invert-section a,
.theme-dim .invert-section div,
.theme-dim .invert-section figcaption,
.theme-dim .invert-section h1,
.theme-dim .invert-section h2,
.theme-dim .invert-section h3,
.theme-dim .invert-section h4,
.theme-dim .invert-section p,
.theme-dim .invert-section span {
  color: #000
}

.light-card a,
.light-card a:active,
.light-card a:hover,
.light-card a:link,
.light-card a:visited,
.theme-bright a,
.theme-bright a:active,
.theme-bright a:hover,
.theme-bright a:link,
.theme-bright a:visited,
.theme-dim .invert-section a,
.theme-dim .invert-section a:active,
.theme-dim .invert-section a:hover,
.theme-dim .invert-section a:link,
.theme-dim .invert-section a:visited {
  color: #000;
  outline: none
}

.light-card a:focus-visible,
.light-card button:focus-visible,
.theme-bright a:focus-visible,
.theme-bright button:focus-visible,
.theme-dim .invert-section a:focus-visible,
.theme-dim .invert-section button:focus-visible {
  outline: 2px solid #000;
  outline-color: #000;
  outline-offset: 2px;
  border-radius: 2px
}

.light-card .theme-background,
.theme-bright .theme-background,
.theme-dim .invert-section .theme-background {
  background-color: #fff
}

.light-card .mat-svg-icon,
.theme-bright .mat-svg-icon,
.theme-dim .invert-section .mat-svg-icon {
  filter: invert(100%)
}

.light-card .mobile-nav-icon-list-item .mat-svg-icon,
.light-card .no-invert.mat-svg-icon,
.light-card li.no-invert .mat-svg-icon,
.theme-bright .mobile-nav-icon-list-item .mat-svg-icon,
.theme-bright .no-invert.mat-svg-icon,
.theme-bright li.no-invert .mat-svg-icon,
.theme-dim .invert-section .mobile-nav-icon-list-item .mat-svg-icon,
.theme-dim .invert-section .no-invert.mat-svg-icon,
.theme-dim .invert-section li.no-invert .mat-svg-icon {
  filter: none
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-option {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
  color: rgba(0, 0, 0, .87)
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #000
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #c5d5e0
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, .54)
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38)
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54)
}

.mat-pseudo-checkbox:after {
  color: #fff
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #000
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #c5d5e0
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0
}

.mat-app-background {
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87)
}

.mat-badge-content {
  color: #fff;
  background: #000
}

.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0
}

.mat-badge-accent .mat-badge-content {
  background: #c5d5e0;
  color: #000
}

.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336
}

.mat-badge {
  position: relative
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.mat-badge-disabled .mat-badge-content {
  background: #bdbdbd;
  color: rgba(0, 0, 0, .38)
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #000
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #c5d5e0
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336
}

.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
  color: rgba(0, 0, 0, .26)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #000
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #c5d5e0
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor
}

.mat-button-focus-overlay {
  background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #fff
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #000
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  color: #fff
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  color: rgba(0, 0, 0, .26)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #000
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #c5d5e0
}

.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  background-color: rgba(0, 0, 0, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none
}

.mat-button-toggle {
  color: rgba(0, 0, 0, .38)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: 1px solid rgba(0, 0, 0, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87)
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid rgba(0, 0, 0, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px
}

.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54)
}

.mat-checkbox-checkmark {
  fill: #fff
}

.mat-checkbox-checkmark-path {
  stroke: #fff !important
}

.mat-checkbox-mixedmark {
  background-color: #fff
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #000
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #c5d5e0
}

.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54)
}

.mat-checkbox .mat-ripple-element {
  background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #c5d5e0
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87)
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4
}

.mat-chip.mat-standard-chip:after {
  background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #000;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #c5d5e0;
  color: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #000;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-table {
  background: #fff
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12)
}

.mat-header-cell {
  color: rgba(0, 0, 0, .54)
}

.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87)
}

.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54)
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, .12)
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, .87);
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, .24)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .38)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .18)
}

.mat-calendar-body-in-range:before {
  background: rgba(0, 0, 0, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(0, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(0, 0, 0, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-calendar-body-selected {
  background-color: #000;
  color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(0, 0, 0, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, .3)
}

.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
  background: rgba(197, 213, 224, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(197, 213, 224, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(197, 213, 224, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #c5d5e0;
  color: #000
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(197, 213, 224, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #000
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
  background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, .3)
}

.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
  color: #000
}

.mat-datepicker-toggle-active.mat-accent {
  color: #c5d5e0
}

.mat-datepicker-toggle-active.mat-warn {
  color: #f44336
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, .38)
}

.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04)
}

@media (hover:none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87)
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-expansion-panel-header {
  height: 48px
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px
}

.mat-form-field-label,
.mat-hint {
  color: rgba(0, 0, 0, .6)
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #000
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #c5d5e0
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336
}

.mat-focused .mat-form-field-required-marker {
  color: #c5d5e0
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87)
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #000
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #c5d5e0
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #000
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #c5d5e0
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336
}

.mat-error {
  color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .42) 0, rgba(0, 0, 0, .42) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, .42)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #000
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #c5d5e0
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06)
}

.mat-icon.mat-primary {
  color: #000
}

.mat-icon.mat-accent {
  color: #c5d5e0
}

.mat-icon.mat-warn {
  color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: rgba(0, 0, 0, .54)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-input-element {
  caret-color: #000
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #c5d5e0
}

.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-warn .mat-input-element {
  caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
  color: #f44336
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87)
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54)
}

.mat-list-item-disabled {
  background-color: #eee
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
  background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, .87)
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
  color: rgba(0, 0, 0, .38)
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, .54)
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04)
}

.mat-paginator {
  background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54)
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38)
}

.mat-paginator-container {
  min-height: 56px
}

.mat-progress-bar-background {
  fill: #ededed
}

.mat-progress-bar-buffer {
  background-color: #ededed
}

.mat-progress-bar-fill:after {
  background-color: #000
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c5d5e0
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer,
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #c5d5e0
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #000
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #c5d5e0
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #000
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #000
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #c5d5e0
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #c5d5e0
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38)
}

.mat-radio-button .mat-ripple-element {
  background-color: #000
}

.mat-select-value {
  color: rgba(0, 0, 0, .87)
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, .42)
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38)
}

.mat-select-arrow {
  color: rgba(0, 0, 0, .54)
}

.mat-select-panel {
  background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #000
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #c5d5e0
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38)
}

.mat-drawer,
.mat-drawer-container {
  background-color: #fff;
  color: rgba(0, 0, 0, .87)
}

.mat-drawer.mat-drawer-push {
  background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid rgba(0, 0, 0, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #c5d5e0
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(197, 213, 224, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #c5d5e0
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #000
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54)
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #000
}

.mat-primary .mat-slider-thumb-label-text {
  color: #fff
}

.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .2)
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #c5d5e0
}

.mat-accent .mat-slider-thumb-label-text {
  color: #000
}

.mat-accent .mat-slider-focus-ring {
  background-color: rgba(197, 213, 224, .2)
}

.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336
}

.mat-warn .mat-slider-thumb-label-text {
  color: #fff
}

.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, .2)
}

.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87)
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: rgba(0, 0, 0, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04)
}

@media (hover:none) {
  .mat-step-header:hover {
    background: none
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54)
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #000;
  color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
  color: #000
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #c5d5e0;
  color: #000
}

.mat-step-header.mat-warn .mat-step-icon {
  color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: #fff
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87)
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff
}

.mat-stepper-vertical-line:before {
  border-left-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12)
}

.mat-horizontal-stepper-header {
  height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px
}

.mat-stepper-vertical-line:before {
  top: -16px;
  bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px
}

.mat-sort-header-arrow {
  color: #757575
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87)
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87)
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 92.9%, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #000
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #c5d5e0
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
  background-color: #000
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 92.9%, .3)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container {
  background-color: #000
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator:before {
  border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 213, 224, .3)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container {
  background-color: #c5d5e0
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
  color: #000
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator:before {
  border-color: #000
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element {
  background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3)
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container {
  background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator:before {
  border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
  background: #000;
  color: #fff
}

.mat-toolbar.mat-accent {
  background: #c5d5e0;
  color: #000
}

.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor
}

.mat-toolbar-multiple-rows {
  min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px
}

@media (max-width:599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px
  }

  .mat-toolbar-row,
  .mat-toolbar-single-row {
    height: 56px
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, .9)
}

.mat-tree {
  background: #fff
}

.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87)
}

.mat-tree-node {
  min-height: 48px
}

.mat-snack-bar-container {
  color: hsla(0, 0%, 100%, .7);
  background: #323232;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
  color: #c5d5e0
}

.g-display-block {
  display: block
}

.g-display-inline {
  display: inline
}

.g-display-inline-block {
  display: inline-block
}

.g-display-none {
  display: none
}

.g-margin-top-0 {
  margin-top: 0
}

.g-margin-right-0 {
  margin-right: 0
}

.g-margin-bottom-0 {
  margin-bottom: 0
}

.g-margin-left-0 {
  margin-left: 0
}

.g-margin-x-0 {
  margin-left: 0;
  margin-right: 0
}

.g-margin-y-0 {
  margin-top: 0;
  margin-bottom: 0
}

.g-margin-top-1 {
  margin-top: 1rem
}

.g-margin-right-1 {
  margin-right: 1rem
}

.g-margin-bottom-1 {
  margin-bottom: 1rem
}

.g-margin-left-1,
.g-margin-x-1 {
  margin-left: 1rem
}

.g-margin-x-1 {
  margin-right: 1rem
}

.g-margin-y-1 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.g-margin-top-2 {
  margin-top: 2rem
}

.g-margin-right-2 {
  margin-right: 2rem
}

.g-margin-bottom-2 {
  margin-bottom: 2rem
}

.g-margin-left-2,
.g-margin-x-2 {
  margin-left: 2rem
}

.g-margin-x-2 {
  margin-right: 2rem
}

.g-margin-y-2 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.g-margin-top-4 {
  margin-top: 4rem
}

.g-margin-right-4 {
  margin-right: 4rem
}

.g-margin-bottom-4 {
  margin-bottom: 4rem
}

.g-margin-left-4,
.g-margin-x-4 {
  margin-left: 4rem
}

.g-margin-x-4 {
  margin-right: 4rem
}

.g-margin-y-4 {
  margin-top: 4rem;
  margin-bottom: 4rem
}

.g-padding-top-0 {
  padding-top: 0
}

.g-padding-right-0 {
  padding-right: 0
}

.g-padding-bottom-0 {
  padding-bottom: 0
}

.g-padding-left-0 {
  padding-left: 0
}

.g-padding-x-0 {
  padding-left: 0;
  padding-right: 0
}

.g-padding-y-0 {
  padding-top: 0;
  padding-bottom: 0
}

.g-padding-top-1 {
  padding-top: 1rem
}

.g-padding-right-1 {
  padding-right: 1rem
}

.g-padding-bottom-1 {
  padding-bottom: 1rem
}

.g-padding-left-1,
.g-padding-x-1 {
  padding-left: 1rem
}

.g-padding-x-1 {
  padding-right: 1rem
}

.g-padding-y-1 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.g-padding-top-2 {
  padding-top: 2rem
}

.g-padding-right-2 {
  padding-right: 2rem
}

.g-padding-bottom-2 {
  padding-bottom: 2rem
}

.g-padding-left-2,
.g-padding-x-2 {
  padding-left: 2rem
}

.g-padding-x-2 {
  padding-right: 2rem
}

.g-padding-y-2 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.g-padding-top-4 {
  padding-top: 4rem
}

.g-padding-right-4 {
  padding-right: 4rem
}

.g-padding-bottom-4 {
  padding-bottom: 4rem
}

.g-padding-left-4,
.g-padding-x-4 {
  padding-left: 4rem
}

.g-padding-x-4 {
  padding-right: 4rem
}

.g-padding-y-4 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.g-text-no-wrap {
  white-space: nowrap
}

.g-text-align-left {
  text-align: left
}

.g-text-align-center {
  text-align: center
}

.g-text-align-right {
  text-align: right
}

.g-text-align-start {
  text-align: start
}

.g-text-align-end {
  text-align: end
}

.g-red.g-red.g-red {
  color: red
}

.g-strikethrough {
  text-decoration: line-through
}

.g-opacity-60 {
  opacity: .6
}

.g-opacity-70 {
  opacity: .7
}

.g-font-weight-bold {
  font-weight: 700
}

.g-position-relative {
  position: relative
}

.g-position-absolute {
  position: absolute
}

.g-size-fill-height {
  height: 100%
}

.g-size-fill-width,
body,
html {
  width: 100%
}

body,
html {
  height: 100%;
  margin: 0;
  display: flex;
  font: 16px/30px Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased
}

@media screen and (max-width:500px) {

  body,
  html {
    font: 16px/25px Roboto, Helvetica, Arial, Verdana, sans-serif
  }
}

button {
  padding: 0
}

a {
  color: #000;
  font-weight: 700;
  text-decoration: none
}

a :active,
a :hover,
a :link,
a :visited {
  color: #000;
  font-weight: 700;
  text-decoration: underline
}

.link-bolded-underlined,
.link-bolded-underlined:active,
.link-bolded-underlined:focus,
.link-bolded-underlined:hover,
.link-bolded-underlined:visited {
  font-weight: 700 !important;
  text-decoration: underline !important
}

.link-bolded-underlined:focus {
  outline: 1px dotted #eee !important
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 400;
  line-height: 1.2
}

h2 {
  font-size: 2rem
}

h3 {
  font-size: 1.75rem
}

h4 {
  font-size: 1.5rem
}

h5 {
  font-size: 1.25rem
}

h6 {
  font-size: 1rem
}

p {
  margin: 1em 0
}

[hidden] {
  display: none !important;
  transition: all .3s
}

.primary-color-button {
  background: #000;
  width: 100%;
  border: 2px solid #000;
  border-radius: 0;
  color: #fff;
  text-transform: uppercase;
  font: 14px/48px Roboto, Helvetica, Arial, Verdana, geneva, sans-serif;
  height: 58px;
  font-weight: 700
}

.primary-color-button:focus {
  outline: 2px solid #000;
  border: 1px solid #fff
}

.secondary-color-button {
  background: #fff;
  width: 100%;
  border: 2px solid #000;
  border-radius: 0;
  color: #000;
  text-transform: uppercase;
  font: 14px/48px Roboto, Helvetica, Arial, Verdana, geneva, sans-serif;
  height: 58px;
  font-weight: 700
}

.primary-color-button:disabled,
.primary-color-button[disabled],
.secondary-color-button:disabled,
.secondary-color-button[disabled] {
  opacity: .25;
  cursor: not-allowed
}

input {
  border: thin solid #ededed
}

.spacer1 {
  height: 10px
}

.spacer2 {
  height: 20px
}

.spacer3 {
  height: 30px
}

.spacer4 {
  height: 40px
}

.spacer5 {
  height: 50px
}

.wrapper {
  padding: 0 2rem
}

body.isMobile video {
  display: none
}

.pac-container {
  margin-left: 2px
}

app-center-box>div {
  background-color: #262626;
  border-radius: 4px
}

app-center-box button {
  border-radius: 4px !important
}

.main-container {
  text-align: center;
  padding-top: 70px;
  background-color: #000
}

@media screen and (max-width:500px) {
  .main-container {
    background-color: #262626
  }
}

.main-container img {
  width: 24%;
  min-width: 260px;
  max-width: 400px;
  height: auto;
  margin-bottom: 3em
}

.main-container .mobile {
  margin-top: 3rem;
  margin-bottom: 1rem
}

.main-container h3 {
  font-size: 40px;
  font-weight: 700
}

@media screen and (max-width:500px) {
  .main-container h3 {
    font-size: 30px
  }
}

.main-container p {
  max-width: 600px;
  line-height: 1.4
}

.main-container-lt-md {
  padding: 1.4em
}

.main-container .home-button {
  max-width: 260px
}

.main-error-page-container,
.main-page-container {
  background-color: #000
}

@media screen and (max-width:500px) {

  .main-error-page-container,
  .main-page-container {
    background-color: #262626
  }
}

@media screen and (min-width:0\0) {
  .card-input-column {
    min-height: 615px
  }

  starlink-footer {
    padding-top: 35px
  }

  .content-container {
    display: table;
    width: 100%;
    min-height: calc(100vh - 135px)
  }

  .marketing-client {
    display: inline !important
  }
}

[_nghost-serverApp-c125] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0
}

[_nghost-serverApp-c102] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.mat-dialog-content {
  display: block;
  margin: 0 -24px;
  padding: 0 24px;
  max-height: 65vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#main-video-modal,
#quick-start-video-modal {
  pointer-events: none;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease-in-out;
}

#main-video-modal.open,
#quick-start-video-modal.open {
  pointer-events: initial;
  opacity: 1;
  transform: scale(1);
}

[_nghost-serverApp-c102] mat-dialog-content.video-modal-dialog-content[_ngcontent-serverApp-c102] .video-wrapper[_ngcontent-serverApp-c102] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.video-modal-container mat-dialog-container.mat-dialog-container {
  background-color: #000 !important;
}

[_nghost-serverApp-c102] mat-dialog-content.video-modal-dialog-content[_ngcontent-serverApp-c102] .video-wrapper[_ngcontent-serverApp-c102] #main-modal-video[_ngcontent-serverApp-c102],
[_nghost-serverApp-c102] mat-dialog-content.video-modal-dialog-content[_ngcontent-serverApp-c102] .video-wrapper[_ngcontent-serverApp-c102] #quick-start-modal-video[_ngcontent-serverApp-c102] {
  width: 100%;
}

[_nghost-serverApp-c102] mat-dialog-content.video-modal-dialog-content[_ngcontent-serverApp-c102] {
  height: 100%;
  max-height: unset;
  width: 75% !important;
  overflow: hidden !important;
}

.centered-custom-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

[_nghost-serverApp-c125] starlink-footer[_ngcontent-serverApp-c125] {
  display: block
}

[_nghost-serverApp-c125] starlink-footer.mobile-hide[_ngcontent-serverApp-c125] {
  display: none
}

[_nghost-serverApp-c125] .router-outlet-wrapper[_ngcontent-serverApp-c125] {
  min-height: calc(100vh);
  min-height: calc(100dvh);
  height: 100%
}


.env-banner {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  color: #fff;
  font-size: .8em;
  line-height: 1.1em;
  width: 100%;
  margin: 0;
  height: 20px;
  padding: 3px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-family: Roboto, Helvetica Neue, sans-serif;
  z-index: 11000
}

.env-banner.Beta {
  background-color: rgba(201, 4, 4, .35)
}

.env-banner.Staging {
  background-color: rgba(240, 201, 9, .35);
  color: #000
}

.env-banner.Local {
  background-color: rgba(7, 176, 38, .35)
}

.env-banner.Production {
  display: none
}

.env-banner .sign-in-buttons {
  display: flex;
  gap: 4px;
  pointer-events: auto;
  margin-left: 8px
}

.env-banner .sign-in-buttons .sign-in-button {
  width: 18px;
  padding: 0;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, .1);
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .3);
  cursor: pointer;
  transition: background-color .2s
}

.env-banner .sign-in-buttons .sign-in-button:hover {
  background-color: hsla(0, 0%, 100%, .2)
}

.env-banner .sign-in-buttons .sign-in-button mat-icon {
  font-size: 14px;
  width: 14px;
  height: 14px;
  vertical-align: top
}

public-header-navigation.heightless,
public-header-navigation.heightless .public-header-navigation-content,
public-header-navigation.heightless .starlink-public-header-navigation,
public-header-navigation.heightless .starlink-public-header-navigation>.mat-drawer-container {
  height: 100%
}

.starlink-public-header-navigation a.active {
  border-bottom: 1px solid
}

.starlink-public-header-navigation .mat-drawer-container {
  background-color: inherit
}

.starlink-public-header-navigation .public-header-navigation-content {
  position: relative
}

.starlink-public-header-navigation .header-sidebar a:hover,
.starlink-public-header-navigation .public-header-navigation-content a:hover {
  text-decoration: none
}

.starlink-public-header-navigation .public-header-navigation-page-header {
  position: absolute;
  z-index: 100;
  padding-top: 2rem;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font: 14px/26px Roboto, Helvetica, sans-serif;
  font-weight: 700
}

.starlink-public-header-navigation .public-header-navigation-page-header .logo {
  outline-offset: 8px
}

.starlink-public-header-navigation .public-header-navigation-page-header .left-header {
  position: absolute;
  left: 20px;
  top: 20px
}

.starlink-public-header-navigation .public-header-navigation-page-header .left-header .header-navigation-option {
  margin-right: 45px
}

@media screen and (min-width: 959.9px) {
  .starlink-public-header-navigation .public-header-navigation-page-header .left-header {
    left: 70px;
    top: 30px
  }
}

.starlink-public-header-navigation .public-header-navigation-page-header .center-header {
  position: absolute;
  top: 37px;
  left: 280px
}

.starlink-public-header-navigation .public-header-navigation-page-header .center-header .header-navigation-option {
  display: none;
  margin-left: 20px;
  margin-right: 20px
}

@media screen and (min-width: 959.9px) {
  .starlink-public-header-navigation .public-header-navigation-page-header .center-header .header-navigation-option {
    display: block;
  }
}

.starlink-public-header-navigation .public-header-navigation-page-header .right-header {
  position: absolute;
  right: 10px;
  top: 11px
}

.starlink-public-header-navigation .public-header-navigation-page-header .right-header .header-navigation-option {
  margin-left: 45px
}

@media only screen and (max-width: 959.9px) {
  .starlink-public-header-navigation .public-header-navigation-page-header .right-header .header-navigation-option {
    margin-left: 20px
  }
}

.starlink-public-header-navigation .public-header-navigation-page-header .right-header .business {
  font-weight: 500;
  margin-right: 20px
}

.starlink-public-header-navigation .public-header-navigation-page-header .right-header .business-dropdown {
  position: absolute;
  z-index: -1000;
  min-width: 200px;
  display: none
}

.starlink-public-header-navigation .public-header-navigation-page-header .right-header .business:hover .business-dropdown {
  display: block
}

@media screen and (min-width: 959.9px) {
  .starlink-public-header-navigation .public-header-navigation-page-header .right-header {
    right: 70px;
    top: 30px
  }
}

.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option {
  cursor: pointer;
  color: #fff
}

.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option :hover {
  color: #fff;
  text-decoration: none
}

.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option .underline {
  display: inline;
  position: relative;
  overflow: hidden
}

.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option .underline:after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  width: 0;
  bottom: -2px;
  background: #fff;
  height: 3px;
  transition-property: width;
  transition-duration: .3s;
  transition-timing-function: ease-out
}

.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option .underline:active:after,
.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option .underline:focus:after,
.starlink-public-header-navigation .public-header-navigation-page-header .header-navigation-option .underline:hover:after {
  left: 0;
  right: auto;
  width: 100%
}

.starlink-public-header-navigation .public-header-navigation-page-header .main-header {
  max-width: 1600px;
  width: 100%
}

.starlink-public-header-navigation .public-header-navigation-page-header .main-header .header-language-selector {
  color: #fff;
  text-transform: uppercase;
  font: 14px/26px Roboto, Helvetica, sans-serif;
  font-weight: 700;
  margin-right: 10px
}

.starlink-public-header-navigation .header-sidebar {
  background-color: #000;
  color: #fff;
  padding-top: 2rem;
  padding-right: 30px;
  padding-left: 30px;
  width: 250px
}

.starlink-public-header-navigation .header-sidebar .sidebar-close {
  height: 35px;
  width: 35px;
  font-size: 35px;
  margin-right: -6px;
  cursor: pointer;
  text-align: left
}

.starlink-public-header-navigation .header-sidebar * {
  color: #fff;
  text-decoration: none
}

.starlink-public-header-navigation .header-sidebar .sidemenu-account-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option-group-header {
  margin-bottom: 20px;
  text-transform: uppercase;
  font: 14px/26px Roboto, Helvetica, sans-serif;
  color: #fff
}

.starlink-public-header-navigation .header-sidebar .sidemenu-account-option.name-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option-group-header.name-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option.name-option {
  word-break: break-all
}

.starlink-public-header-navigation .header-sidebar .name-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option,
.starlink-public-header-navigation .header-sidebar .sidemenu-option-group-header {
  font-weight: bolder
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option.sidemenu-close-row {
  margin-bottom: 40px
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option:not(.sidemenu-close-row) {
  border-bottom: 1px solid hsla(0, 0%, 100%, .16);
  padding: 20px 0;
  margin: 0;
  width: 100%
}

.starlink-public-header-navigation .header-sidebar .sidemenu-account-option.name-option {
  padding-top: 20px
}

.starlink-public-header-navigation .header-sidebar .header-language-selector {
  color: #fff;
  text-transform: uppercase;
  font-weight: bolder;
  font: 14px/26px Roboto, Helvetica, sans-serif;
  padding-left: 0;
  padding-right: 0
}

.starlink-public-header-navigation .header-sidebar .header-language-selector span {
  font-weight: bolder
}

.starlink-public-header-navigation .header-sidebar .header-language-selector div {
  width: 25px
}

.starlink-public-header-navigation .header-sidebar .header-language-selector .mat-button-wrapper {
  width: 100%;
  display: flex;
  align-items: center
}

.starlink-public-header-navigation .header-sidebar .header-language-selector .mat-button-wrapper img {
  height: 25px;
  width: 25px;
  margin: 0 6px
}

.starlink-public-header-navigation .header-sidebar .sidemenu-options {
  width: 100%
}

.starlink-public-header-navigation .header-sidebar .sidemenu-options:first-child {
  padding-top: 0
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group {
  text-transform: uppercase;
  font: 14px/26px Roboto, Helvetica, sans-serif;
  color: #fff;
  margin: 0;
  width: 100%;
  font-weight: bolder;
  padding: 0 0 20px
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .sidemenu-option-group-header {
  display: inline-block
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .sidemenu-option {
  border-bottom: none;
  font-weight: bolder
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .sidemenu-option.active {
  border-bottom: 2px solid
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .sidemenu-option:first-of-type {
  padding-top: 0
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .sidemenu-option:last-of-type {
  padding-bottom: 0
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .landing-pages {
  display: flex;
  justify-content: start;
  align-items: center
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .landing-pages .sidemenu-option {
  font-size: 16px;
  margin: 10px 0;
  width: unset
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .landing-pages .link-divider {
  height: 20px;
  border-left: 1px solid #fff;
  margin: 0 16px
}

.starlink-public-header-navigation .header-sidebar .sidemenu-option-group .product-page-links .sidemenu-option {
  font-size: 16px;
  padding: 10px 0;
  border-bottom: 1px solid hsla(0, 0%, 100%, .16)
}

.starlink-public-header-navigation .mat-drawer-backdrop.mat-drawer-shown {
  background-color: hsla(0, 0%, 100%, .2)
}

.starlink-public-header-navigation .mat-drawer-inner-container {
  overflow: visible
}

@media (min-width: 1280px) and (max-width: 1500px) {
  .starlink-public-header-navigation .right-header .header-navigation-option.header-navigation-option {
    margin-left: 25px
  }
}

.starlink-public-header-navigation.lt-md .left-header .header-navigation-option {
  margin-right: 20px
}

.starlink-public-header-navigation.lt-md .right-header .header-navigation-option {
  margin-left: 20px
}

.starlink-public-header-navigation.lt-sm .header-sidebar {
  width: 100%;
  padding-right: 30px
}

.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option,
.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option-group-header {
  width: 100%;
  margin: 0;
  text-align: left
}

.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option-group-header.sidemenu-close-row,
.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option.sidemenu-close-row {
  padding-bottom: 20px;
  position: relative
}

.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option-group-header.sidemenu-close-row .sidebar-close,
.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option.sidemenu-close-row .sidebar-close {
  height: 35px;
  width: 35px;
  font-size: 35px;
  margin: 0 0 6px;
  position: absolute;
  right: 0;
  top: -4px
}

.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-option-group-header {
  padding-bottom: 20px
}

.starlink-public-header-navigation.lt-sm .header-sidebar .sidemenu-account-option {
  padding-top: 20px;
  margin: 0
}

.starlink-public-header-navigation .home {
  margin-right: 20px;
  font-weight: 500
}

public-header-navigation.clear-black-mode .header-navigation-option>.header-language-selector.header-language-selector,
public-header-navigation.clear-black-mode .header-navigation-option>.header-language-selector.header-language-selector :hover,
public-header-navigation.clear-black-mode .public-header-navigation-page-header,
public-header-navigation.clear-black-mode a.header-navigation-option.header-navigation-option,
public-header-navigation.clear-black-mode a.header-navigation-option.header-navigation-option :hover,
public-header-navigation.dark .header-navigation-option>.header-language-selector.header-language-selector,
public-header-navigation.dark .header-navigation-option>.header-language-selector.header-language-selector :hover,
public-header-navigation.dark .public-header-navigation-page-header,
public-header-navigation.dark a.header-navigation-option.header-navigation-option,
public-header-navigation.dark a.header-navigation-option.header-navigation-option :hover {
  color: #000
}

public-header-navigation.clear-black-mode .header-navigation-option>.header-language-selector.header-language-selector div,
public-header-navigation.dark .header-navigation-option>.header-language-selector.header-language-selector div {
  filter: invert(1)
}

public-header-navigation.clear-black-mode .header-navigation-option>.underline.underline:after,
public-header-navigation.dark .header-navigation-option>.underline.underline:after {
  background: #000
}

public-header-navigation.clear-black-mode .mat-drawer-backdrop.mat-drawer-shown,
public-header-navigation.dark .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .2)
}

public-header-navigation.clear-black-mode .avatar,
public-header-navigation.clear-black-mode .close-map-icon,
public-header-navigation.clear-black-mode .map-icon,
public-header-navigation.dark .avatar,
public-header-navigation.dark .close-map-icon,
public-header-navigation.dark .map-icon {
  filter: invert(100%)
}

public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header {
  opacity: 1;
  transition: opacity .3s
}

public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .right-header,
public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .right-header .right-header-links {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .right-header .business-link .header-navigation-option,
public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .right-header .personal-link .header-navigation-option {
  margin-left: 0
}

public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .right-header .link-divider {
  height: 16px;
  border-left: 1px solid #fff;
  margin: 0 16px
}

public-header-navigation .starlink-public-header-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .router-outlet-container {
  height: 100%
}

public-header-navigation .starlink-public-header-navigation.fixed-navigation {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content {
  position: relative
}

public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header {
  position: sticky;
  top: 0;
  height: 60px
}

public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header .background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(33, 33, 33, .8);
  backdrop-filter: blur(15px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.05s linear;
}

@media screen and (min-width: 959.9px) {
  public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .public-header-navigation-page-header {
    height: 100px
  }
}

public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .router-outlet-container {
  margin-top: -60px
}

@media screen and (min-width: 959.9px) {
  public-header-navigation .starlink-public-header-navigation.fixed-navigation .starlink-public-header-sidenav-container .public-header-navigation-content .router-outlet-container {
    margin-top: -100px
  }
}

public-header-navigation.hidden .public-header-navigation-page-header {
  opacity: 0;
  visibility: hidden
}

public-header-navigation .avatar {
  width: 25px;
  filter: none;
  height: 13px;
  background-size: 13px;
  background-repeat: no-repeat
}

public-header-navigation .map-icon {
  width: 25px;
  filter: none;
  height: 33px;
  background-size: 33px;
  margin-top: -10px;
  background-repeat: no-repeat
}

public-header-navigation .close-map-icon {
  width: 25px;
  filter: none;
  height: 16px;
  background-size: 16px;
  margin-top: -1.5px;
  background-repeat: no-repeat
}

public-header-navigation .starlink-logo-text {
  width: 50px;
  height: 33px;
  background-size: cover;
  background-position: 50%
}

@media only screen and (max-width: 959.9px) {
  public-header-navigation .starlink-logo-text {
    width: 40px;
    height: 30px
  }
}

[dir=rtl] public-header-navigation mat-drawer.header-sidebar.mat-drawer-end {
  left: unset;
  right: 0;
  transform: translate3d(100%, 0, 0)
}

[dir=rtl] public-header-navigation mat-drawer.header-sidebar .sidemenu-option .header-language-selector .mat-button-wrapper {
  display: flex
}

[dir=rtl] public-header-navigation mat-drawer.header-sidebar .sidemenu-option .header-language-selector .mat-button-wrapper .header-language-selector-text {
  order: 1
}

[dir=rtl] public-header-navigation mat-drawer.header-sidebar .sidemenu-option .header-language-selector .mat-button-wrapper .header-language-selector-image {
  order: 0;
  margin-right: 0
}

.starlink-notifications[_ngcontent-serverApp-c120] {
  width: 100%;
  background: #ffb74d;
  color: #000;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 10px
}

.starlink-notifications[_ngcontent-serverApp-c120]>*[_ngcontent-serverApp-c120] {
  max-width: 1650px
}

.starlink-notifications[_ngcontent-serverApp-c120]>.notification-row[_ngcontent-serverApp-c120] p[_ngcontent-serverApp-c120],
.starlink-notifications[_ngcontent-serverApp-c120] summary[_ngcontent-serverApp-c120] {
  color: #000;
  font-weight: 700
}

p[_ngcontent-serverApp-c120],
summary[_ngcontent-serverApp-c120] {
  text-align: center
}

summary[_ngcontent-serverApp-c120]:focus {
  outline: none
}

summary[_ngcontent-serverApp-c120]:hover {
  cursor: pointer
}

.notification-row[_ngcontent-serverApp-c120] {
  display: flex;
  align-items: center;
  justify-content: center
}

.notification-row[_ngcontent-serverApp-c120] p[_ngcontent-serverApp-c120] {
  flex-grow: 2
}

.notification-row[_ngcontent-serverApp-c120] button[_ngcontent-serverApp-c120] {
  margin: 0 1rem;
  background: transparent;
  color: #000;
  border: none;
  font-size: 1rem;
  font-weight: 700
}

.notification-row[_ngcontent-serverApp-c120] button[_ngcontent-serverApp-c120]:focus {
  border: 1px dotted
}

.mat-drawer-container {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow: hidden
}

.mat-drawer-container[fullscreen] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

.mat-drawer-container[fullscreen].mat-drawer-container-has-open {
  overflow: hidden
}

.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side {
  z-index: 3
}

.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,
.mat-drawer-container.ng-animate-disabled .mat-drawer-content,
.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,
.ng-animate-disabled .mat-drawer-container .mat-drawer-content {
  transition: none
}

.mat-drawer-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: block;
  z-index: 3;
  visibility: hidden
}

.mat-drawer-backdrop.mat-drawer-shown {
  visibility: visible
}

.mat-drawer-transition .mat-drawer-backdrop {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: background-color, visibility
}

.cdk-high-contrast-active .mat-drawer-backdrop {
  opacity: .5
}

.mat-drawer-content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  overflow: auto
}

.mat-drawer-transition .mat-drawer-content {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform, margin-left, margin-right
}

.mat-drawer {
  position: relative;
  z-index: 4;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  outline: 0;
  box-sizing: border-box;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0)
}

.cdk-high-contrast-active .mat-drawer,
.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end {
  border-right: solid 1px currentColor
}

.cdk-high-contrast-active [dir=rtl] .mat-drawer,
.cdk-high-contrast-active .mat-drawer.mat-drawer-end {
  border-left: solid 1px currentColor;
  border-right: none
}

.mat-drawer.mat-drawer-side {
  z-index: 2
}

.mat-drawer.mat-drawer-end {
  right: 0;
  transform: translate3d(100%, 0, 0);
  transition: all 0.25s ease-in-out;
}

.mat-drawer.mat-drawer-end.mat-drawer-opened {
  transform: translate3d(0, 0, 0);
  visibility: visible !important;
}

[dir=rtl] .mat-drawer {
  transform: translate3d(100%, 0, 0)
}

[dir=rtl] .mat-drawer.mat-drawer-end {
  left: 0;
  right: auto;
  transform: translate3d(-100%, 0, 0)
}

.mat-drawer-inner-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.mat-sidenav-fixed {
  position: fixed
}

.mat-button .mat-button-focus-overlay,
.mat-icon-button .mat-button-focus-overlay {
  opacity: 0
}

.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
.mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
  opacity: .04
}

@media (hover: none) {

  .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
  .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity: 0
  }
}

.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
  border: 0
}

.mat-button.mat-button-disabled,
.mat-icon-button.mat-button-disabled,
.mat-stroked-button.mat-button-disabled,
.mat-flat-button.mat-button-disabled {
  cursor: default
}

.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-button.cdk-program-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: .12
}

.mat-button::-moz-focus-inner,
.mat-icon-button::-moz-focus-inner,
.mat-stroked-button::-moz-focus-inner,
.mat-flat-button::-moz-focus-inner {
  border: 0
}

.mat-raised-button {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-raised-button::-moz-focus-inner {
  border: 0
}

.mat-raised-button.mat-button-disabled {
  cursor: default
}

.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: .12
}

.mat-raised-button::-moz-focus-inner {
  border: 0
}

._mat-animation-noopable.mat-raised-button {
  transition: none;
  animation: none
}

.mat-stroked-button {
  border: 1px solid currentColor;
  padding: 0 15px;
  line-height: 34px
}

.mat-stroked-button .mat-button-ripple.mat-ripple,
.mat-stroked-button .mat-button-focus-overlay {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px
}

.mat-fab {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  padding: 0;
  flex-shrink: 0
}

.mat-fab::-moz-focus-inner {
  border: 0
}

.mat-fab.mat-button-disabled {
  cursor: default
}

.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-fab.cdk-program-focused .mat-button-focus-overlay {
  opacity: .12
}

.mat-fab::-moz-focus-inner {
  border: 0
}

._mat-animation-noopable.mat-fab {
  transition: none;
  animation: none
}

.mat-fab .mat-button-wrapper {
  padding: 16px 0;
  display: inline-block;
  line-height: 24px
}

.mat-mini-fab {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  transform: translate3d(0, 0, 0);
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  min-width: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  flex-shrink: 0
}

.mat-mini-fab::-moz-focus-inner {
  border: 0
}

.mat-mini-fab.mat-button-disabled {
  cursor: default
}

.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
  opacity: .12
}

.mat-mini-fab::-moz-focus-inner {
  border: 0
}

._mat-animation-noopable.mat-mini-fab {
  transition: none;
  animation: none
}

.mat-mini-fab .mat-button-wrapper {
  padding: 8px 0;
  display: inline-block;
  line-height: 24px
}

.mat-icon-button {
  padding: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  line-height: 40px;
  border-radius: 50%
}

.mat-icon-button i,
.mat-icon-button .mat-icon {
  line-height: 24px
}

.mat-button-ripple.mat-ripple,
.mat-button-focus-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  border-radius: inherit
}

.mat-button-ripple.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-button-focus-overlay {
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable .mat-button-focus-overlay {
  transition: none
}

.mat-button-ripple-round {
  border-radius: 50%;
  z-index: 1
}

.mat-button .mat-button-wrapper>*,
.mat-flat-button .mat-button-wrapper>*,
.mat-stroked-button .mat-button-wrapper>*,
.mat-raised-button .mat-button-wrapper>*,
.mat-icon-button .mat-button-wrapper>*,
.mat-fab .mat-button-wrapper>*,
.mat-mini-fab .mat-button-wrapper>* {
  vertical-align: middle
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: inherit;
  width: 2.5em;
  height: 2.5em
}

.cdk-high-contrast-active .mat-button,
.cdk-high-contrast-active .mat-flat-button,
.cdk-high-contrast-active .mat-raised-button,
.cdk-high-contrast-active .mat-icon-button,
.cdk-high-contrast-active .mat-fab,
.cdk-high-contrast-active .mat-mini-fab {
  outline: solid 1px
}

.cdk-high-contrast-active .mat-button-base.cdk-keyboard-focused,
.cdk-high-contrast-active .mat-button-base.cdk-program-focused {
  outline: solid 3px
}

.mat-icon {
  background-repeat: no-repeat;
  display: inline-block;
  fill: currentColor;
  height: 24px;
  width: 24px
}

.mat-icon.mat-icon-inline {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  width: inherit
}

[dir=rtl] .mat-icon-rtl-mirror {
  transform: scale(-1, 1)
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
  display: block
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon {
  margin: auto
}


[_nghost-serverApp-c124] {
  --consumer-white-color: #fff;
  text-align: center
}

[_nghost-serverApp-c124] .lead-form-description[_ngcontent-serverApp-c124] {
  margin: 10px 0
}

[_nghost-serverApp-c124] .form-row[_ngcontent-serverApp-c124] {
  width: 100%;
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 20px
}

[_nghost-serverApp-c124] .form-row[_ngcontent-serverApp-c124] mat-form-field[_ngcontent-serverApp-c124] {
  flex-grow: 1
}

[_nghost-serverApp-c124] .form-row[_ngcontent-serverApp-c124] .submit-button[_ngcontent-serverApp-c124] {
  vertical-align: middle;
  margin-bottom: 10px
}

[_nghost-serverApp-c124] .form-row[_ngcontent-serverApp-c124] .submit-button[_ngcontent-serverApp-c124] mat-icon[_ngcontent-serverApp-c124] {
  margin-right: -10px;
  margin-top: -3px
}

[_nghost-serverApp-c124] .lead-form-disclaimer-container[_ngcontent-serverApp-c124] {
  margin: 0 auto 30px
}

[_nghost-serverApp-c124] .completion-message[_ngcontent-serverApp-c124] {
  text-align: center;
  margin: 50px auto
}

[_nghost-serverApp-c124] input.mat-input-element {
  color: var(--consumer-white-color)
}

[_nghost-serverApp-c124] input:is(:-webkit-autofill, [_ngcontent-serverApp-c124]:autofill) {
  -webkit-text-fill-color: var(--consumer-white-color) !important
}

[_nghost-serverApp-c124] .mat-form-field-label,
[_nghost-serverApp-c124] .mat-form-field.mat-focused .mat-form-field-label {
  color: var(--consumer-white-color);
  color: var(--primary-color)
}

[_nghost-serverApp-c124] .mat-form-field-ripple,
[_nghost-serverApp-c124] .mat-form-field-underline,
[_nghost-serverApp-c124] .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: var(--consumer-white-color)
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c124] {
    text-align: left;
    display: flex;
    gap: 20px
  }

  [_nghost-serverApp-c124] .lead-form-description[_ngcontent-serverApp-c124] {
    flex-grow: 1;
    margin: 0;
    text-align: right
  }

  [_nghost-serverApp-c124] .email-lead-form[_ngcontent-serverApp-c124] {
    margin-top: -12px
  }

  [_nghost-serverApp-c124] .lead-form-disclaimer-container[_ngcontent-serverApp-c124] {
    margin-bottom: 0
  }

  [_nghost-serverApp-c124] .completion-message[_ngcontent-serverApp-c124] {
    text-align: center;
    margin: 20px
  }
}


.mat-form-field {
  display: inline-block;
  position: relative;
  text-align: left
}

[dir=rtl] .mat-form-field {
  text-align: right
}

.mat-form-field-wrapper {
  position: relative
}

.mat-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%
}

.mat-form-field-prefix,
.mat-form-field-suffix {
  white-space: nowrap;
  flex: none;
  position: relative
}

.mat-form-field-infix {
  display: block;
  position: relative;
  flex: auto;
  min-width: 0;
  width: 180px
}

.cdk-high-contrast-active .mat-form-field-infix {
  border-image: linear-gradient(transparent, transparent)
}

.mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none
}

[dir=rtl] .mat-form-field-label-wrapper {
  left: auto;
  right: 0
}

.mat-form-field-label {
  position: absolute;
  left: 0;
  font: inherit;
  pointer-events: none;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transform-origin: 0 0;
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), width 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  display: none
}

[dir=rtl] .mat-form-field-label {
  transform-origin: 100% 0;
  left: auto;
  right: 0
}

.mat-form-field-empty.mat-form-field-label,
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  display: block
}

.mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  display: none
}

.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  display: block;
  transition: none
}

.mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  display: none
}

.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.mat-form-field-can-float .mat-input-server[placeholder]:not(:placeholder-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  display: block
}

.mat-form-field-label:not(.mat-form-field-empty) {
  transition: none
}

.mat-form-field-underline {
  position: absolute;
  width: 100%;
  pointer-events: none;
  transform: scale3d(1, 1.0001, 1)
}

.mat-form-field-ripple {
  position: absolute;
  left: 0;
  width: 100%;
  transform-origin: 50%;
  transform: scaleX(0.5);
  opacity: 0;
  transition: background-color 300ms cubic-bezier(0.55, 0, 0.55, 0.2)
}

.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple {
  opacity: 1;
  transform: none;
  transition: transform 300ms cubic-bezier(0.25, 0.8, 0.25, 1), opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1), background-color 300ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-subscript-wrapper {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden
}

.mat-form-field-subscript-wrapper .mat-icon,
.mat-form-field-label-wrapper .mat-icon {
  width: 1em;
  height: 1em;
  font-size: inherit;
  vertical-align: baseline
}

.mat-form-field-hint-wrapper {
  display: flex
}

.mat-form-field-hint-spacer {
  flex: 1 0 1em
}

.mat-error {
  display: block
}

.mat-form-field-control-wrapper {
  position: relative
}

.mat-form-field-hint-end {
  order: 1
}

.mat-form-field._mat-animation-noopable .mat-form-field-label,
.mat-form-field._mat-animation-noopable .mat-form-field-ripple {
  transition: none
}


.mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 4px 4px 0 0;
  padding: .75em .75em 0 .75em
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-flex {
  outline: solid 1px
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 1px;
  width: 100%
}

.mat-form-field-appearance-fill .mat-form-field-ripple {
  bottom: 0;
  height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-form-field-ripple {
  height: 0;
  border-top: solid 2px
}

.mat-form-field-appearance-fill:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
  opacity: 1;
  transform: none;
  transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-fill._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
  transition: none
}

.mat-form-field-appearance-fill .mat-form-field-subscript-wrapper {
  padding: 0 1em
}


.mat-input-element {
  font: inherit;
  background: transparent;
  color: currentColor;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box
}

.mat-input-element:-moz-ui-invalid {
  box-shadow: none
}

.mat-input-element::-ms-clear,
.mat-input-element::-ms-reveal {
  display: none
}

.mat-input-element,
.mat-input-element::-webkit-search-cancel-button,
.mat-input-element::-webkit-search-decoration,
.mat-input-element::-webkit-search-results-button,
.mat-input-element::-webkit-search-results-decoration {
  -webkit-appearance: none
}

.mat-input-element::-webkit-contacts-auto-fill-button,
.mat-input-element::-webkit-caps-lock-indicator,
.mat-input-element::-webkit-credentials-auto-fill-button {
  visibility: hidden
}

.mat-input-element[type=date],
.mat-input-element[type=datetime],
.mat-input-element[type=datetime-local],
.mat-input-element[type=month],
.mat-input-element[type=week],
.mat-input-element[type=time] {
  line-height: 1
}

.mat-input-element[type=date]::after,
.mat-input-element[type=datetime]::after,
.mat-input-element[type=datetime-local]::after,
.mat-input-element[type=month]::after,
.mat-input-element[type=week]::after,
.mat-input-element[type=time]::after {
  content: " ";
  white-space: pre;
  width: 1px
}

.mat-input-element::-webkit-inner-spin-button,
.mat-input-element::-webkit-calendar-picker-indicator,
.mat-input-element::-webkit-clear-button {
  font-size: .75em
}

.mat-input-element::placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::placeholder:-ms-input-placeholder {
  -ms-user-select: text
}

.mat-input-element::-moz-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::-moz-placeholder:-ms-input-placeholder {
  -ms-user-select: text
}

.mat-input-element::-webkit-input-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element::-webkit-input-placeholder:-ms-input-placeholder {
  -ms-user-select: text
}

.mat-input-element:-ms-input-placeholder {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-input-element:-ms-input-placeholder:-ms-input-placeholder {
  -ms-user-select: text
}

.mat-form-field-hide-placeholder .mat-input-element::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-moz-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none
}

.mat-form-field-hide-placeholder .mat-input-element::-webkit-input-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none
}

.mat-form-field-hide-placeholder .mat-input-element:-ms-input-placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  transition: none
}

textarea.mat-input-element {
  resize: vertical;
  overflow: auto
}

textarea.mat-input-element.cdk-textarea-autosize {
  resize: none
}

textarea.mat-input-element {
  padding: 2px 0;
  margin: -2px 0
}

select.mat-input-element {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-color: transparent;
  display: inline-flex;
  box-sizing: border-box;
  padding-top: 1em;
  top: -1em;
  margin-bottom: -1em
}

select.mat-input-element::-ms-expand {
  display: none
}

select.mat-input-element::-moz-focus-inner {
  border: 0
}

select.mat-input-element:not(:disabled) {
  cursor: pointer
}

select.mat-input-element::-ms-value {
  color: inherit;
  background: none
}

.mat-focused .cdk-high-contrast-active select.mat-input-element::-ms-value {
  color: inherit
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2.5px;
  pointer-events: none
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  right: auto;
  left: 0
}

.mat-form-field-type-mat-native-select .mat-input-element {
  padding-right: 15px
}

[dir=rtl] .mat-form-field-type-mat-native-select .mat-input-element {
  padding-right: 0;
  padding-left: 15px
}

.mat-form-field-type-mat-native-select .mat-form-field-label-wrapper {
  max-width: calc(100% - 10px)
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-outline .mat-form-field-infix::after {
  margin-top: -5px
}

.mat-form-field-type-mat-native-select.mat-form-field-appearance-fill .mat-form-field-infix::after {
  margin-top: -10px
}


.mat-form-field-appearance-legacy .mat-form-field-label {
  transform: perspective(100px);
  -ms-transform: none
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon {
  width: 1em
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button {
  font: inherit;
  vertical-align: baseline
}

.mat-form-field-appearance-legacy .mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-icon-button .mat-icon {
  font-size: inherit
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-underline {
  height: 0;
  border-top: solid 1px
}

.mat-form-field-appearance-legacy .mat-form-field-ripple {
  top: 0;
  height: 2px;
  overflow: hidden
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy .mat-form-field-ripple {
  height: 0;
  border-top: solid 2px
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-position: 0;
  background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  border-top-style: dotted;
  border-top-width: 2px
}

.mat-form-field-appearance-legacy.mat-form-field-invalid:not(.mat-focused) .mat-form-field-ripple {
  height: 1px
}


.mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: .25em 0
}

.mat-form-field-appearance-outline .mat-form-field-flex {
  padding: 0 .75em 0 .75em;
  margin-top: -0.25em;
  position: relative
}

.mat-form-field-appearance-outline .mat-form-field-prefix,
.mat-form-field-appearance-outline .mat-form-field-suffix {
  top: .25em
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  display: flex;
  position: absolute;
  top: .25em;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none
}

.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 1px solid currentColor;
  min-width: 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 5px 0 0 5px;
  border-right-style: none
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-right-style: solid;
  border-left-style: none;
  border-radius: 0 5px 5px 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0 5px 5px 0;
  border-left-style: none;
  flex-grow: 1
}

[dir=rtl] .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-left-style: solid;
  border-right-style: none;
  border-radius: 5px 0 0 5px
}

.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border-radius: .000001px;
  border: 1px solid currentColor;
  border-left-style: none;
  border-right-style: none
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  opacity: 0
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-width: 2px
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline {
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid .mat-form-field-outline-thick {
  opacity: 1
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline {
  opacity: 0;
  transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick {
  opacity: 1
}

.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0 1em
}

.mat-form-field-appearance-outline._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-start,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-end,
.mat-form-field-appearance-outline._mat-animation-noopable .mat-form-field-outline-gap {
  transition: none
}


.mat-form-field-appearance-standard .mat-form-field-flex {
  padding-top: .75em
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  height: 1px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-underline {
  height: 0;
  border-top: solid 1px
}

.mat-form-field-appearance-standard .mat-form-field-ripple {
  bottom: 0;
  height: 2px
}

.cdk-high-contrast-active .mat-form-field-appearance-standard .mat-form-field-ripple {
  height: 0;
  border-top: solid 2px
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-position: 0;
  background-color: transparent
}

.cdk-high-contrast-active .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  border-top-style: dotted;
  border-top-width: 2px
}

.mat-form-field-appearance-standard:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
  opacity: 1;
  transform: none;
  transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1)
}

.mat-form-field-appearance-standard._mat-animation-noopable:not(.mat-form-field-disabled) .mat-form-field-flex:hover~.mat-form-field-underline .mat-form-field-ripple {
  transition: none
}


@font-face {
  font-family: Material Icons;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/assets/iconfont/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/static/assets/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/static/assets/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/static/assets/iconfont/MaterialIcons-Regular.ttf) format("truetype")
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga"
}

@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN.woff2) format("woff2"), url(/static/fonts/D-DIN.woff) format("woff");
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: DIN_Regular;
  src: url(/static/fonts/D-DIN.ttf) format("ttf"), url(/static/fonts/D-DIN.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff");
  font-weight: 700;
  font-display: swap
}

@font-face {
  font-family: DIN_Bold;
  font-display: swap;
  src: url(/static/fonts/D-DIN-Bold.ttf) format("ttf"), url(/static/fonts/D-DIN-Bold.otf) format("otf"), url(/static/fonts/D-DIN-Bold.woff2) format("woff2"), url(/static/fonts/D-DIN-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-light"), url(/static/fonts/Roboto-Light.woff2) format("woff2"), url(/static/fonts/Roboto-Light.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(/static/fonts/Roboto-Regular.woff2) format("woff2"), url(/static/fonts/Roboto-Regular.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url(/static/fonts/Roboto-Italic.woff2) format("woff2"), url(/static/fonts/Roboto-Italic.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(/static/fonts/Roboto-Medium.woff2) format("woff2"), url(/static/fonts/Roboto-Medium.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/static/fonts/Roboto-Bold.woff2) format("woff2"), url(/static/fonts/Roboto-Bold.woff) format("woff")
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(/static/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(/static/fonts/Roboto-BoldItalic.woff) format("woff")
}

.mat-badge-content {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px Roboto, Helvetica Neue, sans-serif
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px Roboto, Helvetica Neue, sans-serif
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px Roboto, Helvetica Neue, sans-serif
}

.mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * .83)/20px Roboto, Helvetica Neue, sans-serif
}

.mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * .67)/20px Roboto, Helvetica Neue, sans-serif
}

.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif
}

.mat-caption,
.mat-small {
  font: 400 12px/20px Roboto, Helvetica Neue, sans-serif
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.05em
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.02em
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
  letter-spacing: -.005em
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px Roboto, Helvetica Neue, sans-serif
}

.mat-bottom-sheet-container {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: 500
}

.mat-button-toggle,
.mat-card {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500
}

.mat-card-header .mat-card-title {
  font-size: 20px
}

.mat-checkbox {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px
}

.mat-chip {
  font-size: 14px;
  font-weight: 500
}

.mat-table {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
  font-weight: 500
}

.mat-calendar {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500
}

.mat-dialog-title {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif
}

.mat-expansion-panel-header {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 15px
}

.mat-expansion-panel-content {
  font: 400 14px/20px Roboto, Helvetica Neue, sans-serif
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.3333533333%
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75)
  }
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.3333433333%
}

.mat-menu-item,
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger,
.mat-radio-button,
.mat-select,
.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
  font-weight: 500
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label-error {
  font-size: 14px
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px Roboto, Helvetica Neue, sans-serif
}

.mat-list-item,
.mat-list-option,
.mat-tooltip {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  font-size: 16px
}

.mat-list-base .mat-subheader {
  font-size: 14px
}

.mat-list-base .mat-subheader,
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-weight: 500
}

.mat-option {
  font-family: Roboto, Helvetica Neue, sans-serif;
  font-size: 16px
}

.mat-optgroup-label {
  font: 500 14px/24px Roboto, Helvetica Neue, sans-serif
}

.mat-simple-snackbar {
  font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-simple-snackbar-action {
  font-weight: 500
}

.mat-tree {
  font-family: Roboto, Helvetica Neue, sans-serif
}

:root {
  --primary-color: #fafafa;
  --on-primary-color: #000;
  --secondary-color: #484848;
  --on-secondary-color: #fff;
  --primary-container-color: #212121;
  --on-primary-container-color: #212121;
  --secondary-container-color: #303030;
  --on-secondary-container-color: #303030;
  --surface-dim-color: #000;
  --surface-color: #000;
  --surface-bright-color: #212121;
  --surface-transparent-color: hsla(0, 0%, 100%, 0.050980392156862744);
  --surface-container-lowest-color: #000;
  --surface-container-low-color: #121212;
  --surface-container-color: #171717;
  --surface-container-high-color: #1e1e1e;
  --surface-container-highest-color: #212121;
  --on-surface-color: #fafafa;
  --on-surface-variant-color: #6b6b6b;
  --outline-color: #303030;
  --outline-variant-color: #9e9e9e;
  --outline-transparent-color: hsla(0, 0%, 100%, 0.12156862745098039);
  --inverse-surface-color: #fff;
  --inverse-on-surface-color: #121212;
  --inverse-primary-color: #000;
  --scrim-color: #000;
  --shadow-color: #000;
  --error-color: #f2b8b5;
  --on-error-color: #601410;
  --error-container-color: #8c1d18;
  --on-error-container-color: #fceeee;
  --success-color: #d7feb4;
  --on-success-color: #1a380a;
  --success-container-color: #2d5016;
  --on-success-container-color: #f8ffea;
  --info-color: #071318;
  --on-info-color: #b8e7fb;
  --on-info-icon-color: #4fc3f7
}

.mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-option {
  color: #fff
}

.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: hsla(0, 0%, 100%, .04)
}

.mat-option.mat-active {
  color: #fff
}

.mat-option.mat-option-disabled {
  color: hsla(0, 0%, 100%, .5)
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #fafafa
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #484848
}

.mat-optgroup-label {
  color: hsla(0, 0%, 100%, .7)
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: hsla(0, 0%, 100%, .5)
}

.mat-pseudo-checkbox {
  color: hsla(0, 0%, 100%, .7)
}

.mat-pseudo-checkbox:after {
  color: #303030
}

.mat-pseudo-checkbox-disabled {
  color: #686868
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #484848
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868
}

.mat-app-background {
  background-color: #303030;
  color: #fff
}

.mat-elevation-z0 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-elevation-z7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12)
}

.mat-elevation-z8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12)
}

.mat-elevation-z10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12)
}

.mat-elevation-z12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12)
}

.mat-elevation-z15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12)
}

.mat-elevation-z18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12)
}

.mat-elevation-z20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12)
}

.mat-elevation-z23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12)
}

.mat-elevation-z24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.mat-theme-loaded-marker {
  display: none
}

.mat-autocomplete-panel {
  background: #424242;
  color: #fff
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #424242
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: #fff
}

.mat-badge-content {
  color: #000;
  background: #fafafa
}

.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0
}

.mat-badge-accent .mat-badge-content {
  background: #484848;
  color: #fff
}

.mat-badge {
  position: relative
}

.mat-badge-hidden .mat-badge-content {
  display: none
}

.mat-badge-disabled .mat-badge-content {
  background: #6e6e6e;
  color: hsla(0, 0%, 100%, .5)
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none
}

.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none
}

.mat-badge-content.mat-badge-active {
  transform: none
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px
}

.mat-bottom-sheet-container {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #424242;
  color: #fff
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #fafafa
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #484848
}

.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled {
  color: hsla(0, 0%, 100%, .3)
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #fafafa
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #484848
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor
}

.mat-button-focus-overlay {
  background: #fff
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: hsla(0, 0%, 100%, .12)
}

.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: #fff;
  background-color: #424242
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  color: #000
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  color: #fff
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  color: hsla(0, 0%, 100%, .3)
}

.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #fafafa
}

.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #484848
}

.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  opacity: .1
}

.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none
}

.mat-button-toggle {
  color: hsla(0, 0%, 100%, .5)
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-button-toggle-appearance-standard {
  color: #fff;
  background: #424242
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #fff
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: 1px solid hsla(0, 0%, 100%, .12)
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-button-toggle-checked {
  background-color: #212121;
  color: hsla(0, 0%, 100%, .7)
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #fff
}

.mat-button-toggle-disabled {
  color: hsla(0, 0%, 100%, .3);
  background-color: #000
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #424242
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242
}

.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px
}

.mat-card {
  background: #424242;
  color: #fff
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-card-subtitle {
  color: hsla(0, 0%, 100%, .7)
}

.mat-checkbox-frame {
  border-color: hsla(0, 0%, 100%, .7)
}

.mat-checkbox-checkmark {
  fill: #303030
}

.mat-checkbox-checkmark-path {
  stroke: #303030 !important
}

.mat-checkbox-mixedmark {
  background-color: #303030
}

.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #fafafa
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #484848
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: hsla(0, 0%, 100%, .7)
}

.mat-checkbox .mat-ripple-element {
  background-color: #fff
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #fafafa
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #484848
}

.mat-chip.mat-standard-chip {
  background-color: #616161;
  color: #fff
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4
}

.mat-chip.mat-standard-chip:after {
  background: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #fafafa;
  color: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #000;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  opacity: .1
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #484848;
  color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-table {
  background: #424242
}

.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit
}

mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: hsla(0, 0%, 100%, .12)
}

.mat-header-cell {
  color: hsla(0, 0%, 100%, .7)
}

.mat-cell,
.mat-footer-cell {
  color: #fff
}

.mat-calendar-arrow {
  border-top-color: #fff
}

.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: #fff
}

.mat-calendar-table-header {
  color: hsla(0, 0%, 100%, .5)
}

.mat-calendar-table-header-divider:after {
  background: hsla(0, 0%, 100%, .12)
}

.mat-calendar-body-label {
  color: hsla(0, 0%, 100%, .7)
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: #fff;
  border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-form-field-disabled .mat-date-range-input-separator {
  color: hsla(0, 0%, 100%, .5)
}

.mat-calendar-body-in-preview {
  color: hsla(0, 0%, 100%, .24)
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: hsla(0, 0%, 100%, .5)
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: hsla(0, 0%, 100%, .3)
}

.mat-calendar-body-in-range:before {
  background: hsla(0, 0%, 98%, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, hsla(0, 0%, 98%, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, hsla(0, 0%, 98%, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-calendar-body-selected {
  background-color: #fafafa;
  color: #000
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: hsla(0, 0%, 98%, .4)
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #000
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: hsla(0, 0%, 98%, .3)
}

.mat-datepicker-content {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #424242;
  color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
  background: rgba(72, 72, 72, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, rgba(72, 72, 72, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, rgba(72, 72, 72, .2) 50%, rgba(249, 171, 0, .2) 0)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #484848;
  color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
  background-color: rgba(72, 72, 72, .4)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(72, 72, 72, .3)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
  background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
  background: linear-gradient(90deg, 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
  background: linear-gradient(270deg, 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical {
  background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
  background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
  opacity: .2
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px
}

.mat-datepicker-content-touch {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mat-datepicker-toggle-active {
  color: #fafafa
}

.mat-datepicker-toggle-active.mat-accent {
  color: #484848
}

.mat-date-range-input-inner[disabled] {
  color: hsla(0, 0%, 100%, .5)
}

.mat-dialog-container {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #424242;
  color: #fff
}

.mat-divider {
  border-top-color: hsla(0, 0%, 100%, .12)
}

.mat-divider-vertical {
  border-right-color: hsla(0, 0%, 100%, .12)
}

.mat-expansion-panel {
  background: #424242;
  color: #fff
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mat-action-row {
  border-top-color: hsla(0, 0%, 100%, .12)
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: hsla(0, 0%, 100%, .04)
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #424242
  }
}

.mat-expansion-panel-header-title {
  color: #fff
}

.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: hsla(0, 0%, 100%, .7)
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: hsla(0, 0%, 100%, .3)
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit
}

.mat-expansion-panel-header {
  height: 48px
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px
}

.mat-form-field-label,
.mat-hint {
  color: hsla(0, 0%, 100%, .7)
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #fafafa
}

.mat-focused .mat-form-field-required-marker,
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #484848
}

.mat-form-field-ripple {
  background-color: #fff
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #fafafa
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #484848
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #fafafa
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #484848
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: hsla(0, 0%, 100%, .7)
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: hsla(0, 0%, 100%, .7)
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, .7) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: hsla(0, 0%, 100%, .7)
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .7) 0, hsla(0, 0%, 100%, .7) 33%, transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: hsla(0, 0%, 100%, .1)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: hsla(0, 0%, 100%, .05)
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: hsla(0, 0%, 100%, .5)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: hsla(0, 0%, 100%, .5)
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: hsla(0, 0%, 100%, .3)
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #fff
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #fafafa
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #484848
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: hsla(0, 0%, 100%, .5)
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: hsla(0, 0%, 100%, .15)
}

.mat-icon.mat-primary {
  color: #fafafa
}

.mat-icon.mat-accent {
  color: #484848
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: hsla(0, 0%, 100%, .7)
}

.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: hsla(0, 0%, 100%, .5)
}

.mat-input-element {
  caret-color: #fafafa
}

.mat-input-element::placeholder {
  color: hsla(0, 0%, 100%, .5)
}

.mat-input-element::-moz-placeholder {
  color: hsla(0, 0%, 100%, .5)
}

.mat-input-element::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .5)
}

.mat-input-element:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, .5)
}

.mat-input-element option {
  color: rgba(0, 0, 0, .87)
}

.mat-input-element option:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #484848
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: #fff
}

.mat-list-base .mat-subheader {
  color: hsla(0, 0%, 100%, .7)
}

.mat-list-item-disabled {
  background-color: #000
}

.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: hsla(0, 0%, 100%, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: hsla(0, 0%, 100%, .12)
}

.mat-menu-panel {
  background: #424242
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-menu-item {
  background: transparent;
  color: #fff
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-icon-no-color,
.mat-menu-item[disabled]:after {
  color: hsla(0, 0%, 100%, .5)
}

.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: #fff
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: hsla(0, 0%, 100%, .04)
}

.mat-paginator {
  background: #424242
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: hsla(0, 0%, 100%, .7)
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid #fff
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: hsla(0, 0%, 100%, .5)
}

.mat-paginator-container {
  min-height: 56px
}

.mat-progress-bar-background {
  fill: #fafafa
}

.mat-progress-bar-buffer,
.mat-progress-bar-fill:after {
  background-color: #fafafa
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #484848
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer,
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #484848
}

.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #fafafa
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #484848
}

.mat-radio-outer-circle {
  border-color: hsla(0, 0%, 100%, .7)
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #fafafa
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #fafafa
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #484848
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #484848
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: hsla(0, 0%, 100%, .5)
}

.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .5)
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: hsla(0, 0%, 100%, .5)
}

.mat-radio-button .mat-ripple-element {
  background-color: #fff
}

.mat-select-value {
  color: #fff
}

.mat-select-disabled .mat-select-value,
.mat-select-placeholder {
  color: hsla(0, 0%, 100%, .5)
}

.mat-select-arrow {
  color: hsla(0, 0%, 100%, .7)
}

.mat-select-panel {
  background: #424242
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: hsla(0, 0%, 100%, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #fafafa
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #484848
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: hsla(0, 0%, 100%, .5)
}

.mat-drawer-container {
  background-color: #303030;
  color: #fff
}

.mat-drawer {
  color: #fff
}

.mat-drawer,
.mat-drawer.mat-drawer-push {
  background-color: #424242
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.mat-drawer-side {
  border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid hsla(0, 0%, 100%, .12);
  border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: hsla(0, 0%, 74.1%, .6)
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #484848
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(72, 72, 72, .54)
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #484848
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #fafafa
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: hsla(0, 0%, 98%, .54)
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #fafafa
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #fff
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #bdbdbd
}

.mat-slide-toggle-bar {
  background-color: hsla(0, 0%, 100%, .5)
}

.mat-slider-track-background {
  background-color: hsla(0, 0%, 100%, .3)
}

.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #fafafa
}

.mat-primary .mat-slider-thumb-label-text {
  color: #000
}

.mat-primary .mat-slider-focus-ring {
  background-color: hsla(0, 0%, 98%, .2)
}

.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #484848
}

.mat-accent .mat-slider-thumb-label-text {
  color: #fff
}

.mat-accent .mat-slider-focus-ring {
  background-color: rgba(72, 72, 72, .2)
}

.mat-warn .mat-slider-focus-ring {
  opacity: .2
}

.cdk-focused .mat-slider-track-background,
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: hsla(0, 0%, 100%, .3)
}

.mat-slider-min-value .mat-slider-focus-ring {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: #fff
}

.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: hsla(0, 0%, 100%, .3)
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: hsla(0, 0%, 100%, .3);
  background-color: transparent
}

.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: hsla(0, 0%, 100%, .3)
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: hsla(0, 0%, 100%, .7)
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(90deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: hsla(0, 0%, 100%, .04)
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: hsla(0, 0%, 100%, .7)
}

.mat-step-header .mat-step-icon {
  background-color: hsla(0, 0%, 100%, .7);
  color: #000
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #fafafa;
  color: #000
}

.mat-step-header.mat-accent .mat-step-icon {
  color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #484848;
  color: #fff
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: #fff
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #424242
}

.mat-stepper-vertical-line:before {
  border-left-color: hsla(0, 0%, 100%, .12)
}

.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: hsla(0, 0%, 100%, .12)
}

.mat-horizontal-stepper-header {
  height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px
}

.mat-stepper-vertical-line:before {
  top: -16px;
  bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before,
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px
}

.mat-sort-header-arrow {
  color: #c6c6c6
}

.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid hsla(0, 0%, 100%, .12);
  border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
  color: #fff
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .5)
}

.mat-tab-header-pagination-chevron {
  border-color: #fff
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .5)
}

.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 98%, .3)
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #fafafa
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
  background-color: #000
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(72, 72, 72, .3)
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #484848
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
  background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: hsla(0, 0%, 98%, .3)
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container {
  background-color: #fafafa
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
  color: #000
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator:before {
  border-color: #000
}

.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .4)
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element {
  background-color: rgba(0, 0, 0, .12)
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(72, 72, 72, .3)
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container {
  background-color: #484848
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
  color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator:before {
  border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4)
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12)
}

.mat-toolbar {
  background: #212121;
  color: #fff
}

.mat-toolbar.mat-primary {
  background: #fafafa;
  color: #000
}

.mat-toolbar.mat-accent {
  background: #484848;
  color: #fff
}

.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor
}

.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor
}

.mat-toolbar-multiple-rows {
  min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px
  }

  .mat-toolbar-row,
  .mat-toolbar-single-row {
    height: 56px
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, .9)
}

.mat-tree {
  background: #424242
}

.mat-nested-tree-node,
.mat-tree-node {
  color: #fff
}

.mat-tree-node {
  min-height: 48px
}

.mat-snack-bar-container {
  color: rgba(0, 0, 0, .87);
  background: #fafafa;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.mat-simple-snackbar-action {
  color: inherit
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-badge-small .mat-badge-content {
  font-size: 9px
}

.mat-badge-large .mat-badge-content {
  font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 700 28px/34px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 700 25px/31px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 700 22px/27px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 18px/20px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px
}

.mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * .83)/16px DIN_Regular, Arial, Verdana, sans-serif;
  margin: 0 0 12px
}

.mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * .67)/16px DIN_Regular, Arial, Verdana, sans-serif;
  margin: 0 0 12px
}

.mat-body-2,
.mat-body-strong {
  font: 400 16px/20px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/16px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px
}

.mat-caption,
.mat-small {
  font: 400 12px/15px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 700 32px/39px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0;
  white-space: initial;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 700 28px/34px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 700 25px/31px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 700 22px/27px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0 0 12px
}

.mat-bottom-sheet-container {
  font: 400 14px/16px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700
}

.mat-button-toggle,
.mat-card {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-card-title {
  font-size: 28px;
  font-weight: 700
}

.mat-card-header .mat-card-title {
  font-size: 25px
}

.mat-card-content,
.mat-card-subtitle {
  font-size: 14px
}

.mat-checkbox {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 20px
}

.mat-chip {
  font-size: 16px;
  font-weight: 400
}

.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px
}

.mat-table {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 400
}

.mat-cell,
.mat-footer-cell {
  font-size: 14px
}

.mat-calendar {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-calendar-body {
  font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 12px;
  font-weight: 700
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400
}

.mat-dialog-title {
  font: 700 25px/31px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-expansion-panel-header {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400
}

.mat-expansion-panel-content {
  font: 400 14px/16px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-form-field {
  font: 400 12px/1.125 DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125
}

.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(.75);
  width: 133.3333633333%
}

.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em
}

.mat-form-field-label {
  top: 1.34375em
}

.mat-form-field-underline {
  bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00106px);
  -ms-transform: translateY(-1.28119em) scale(.75);
  width: 133.3333933333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00107px);
  -ms-transform: translateY(-1.28118em) scale(.75);
  width: 133.3334033333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00108px);
  -ms-transform: translateY(-1.28117em) scale(.75);
  width: 133.3334133333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.6666666667em)
}

@media print {

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(.75)
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(.75)
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59373em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59372em) scale(.75);
  width: 133.3333633333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(.75);
  width: 133.3333533333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(.75);
  width: 133.3333633333%
}

.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px
}

.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px
}

input.mat-input-element {
  margin-top: -.0625em
}

.mat-menu-item {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 12px
}

.mat-radio-button,
.mat-select {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-select-trigger {
  height: 1.125em
}

.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 400
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400
}

.mat-step-sub-label-error {
  font-weight: 400
}

.mat-step-label-error {
  font-size: 16px
}

.mat-step-label-selected {
  font-size: 16px;
  font-weight: 400
}

.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-tab-label,
.mat-tab-link {
  font-size: 12px;
  font-weight: 700
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 700 25px/31px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal;
  margin: 0
}

.mat-tooltip {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-list-base .mat-list-item {
  font-size: 22px
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-list-option {
  font-size: 22px
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px
}

.mat-list-base .mat-subheader {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400
}

.mat-option {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 22px
}

.mat-optgroup-label {
  font: 400 16px/20px DIN_Regular, Arial, Verdana, sans-serif;
  letter-spacing: normal
}

.mat-simple-snackbar {
  font-family: DIN_Regular, Arial, Verdana, sans-serif;
  font-size: 14px
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700
}

.mat-tree {
  font-family: DIN_Regular, Arial, Verdana, sans-serif
}

.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px
}

.mat-ripple {
  overflow: hidden;
  position: relative
}

.mat-ripple:not(:empty) {
  transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000
}

.cdk-overlay-container:empty {
  display: none
}

.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000
}

.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1
}

@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll
}

@keyframes cdk-text-field-autofill-start {
  /*!*/
}

@keyframes cdk-text-field-autofill-end {
  /*!*/
}

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms
}

textarea.cdk-textarea-autosize {
  resize: none
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
  position: relative
}

@media screen and (min-width: 599.9px) {
  .mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-badge-small .mat-badge-content {
    font-size: 9px
  }

  .mat-badge-large .mat-badge-content {
    font-size: 24px
  }

  .mat-h1,
  .mat-headline,
  .mat-typography h1 {
    font: 700 51px/62px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
  }

  .mat-h2,
  .mat-title,
  .mat-typography h2 {
    font: 700 40px/49px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
  }

  .mat-h3,
  .mat-subheading-2,
  .mat-typography h3 {
    font: 700 28px/34px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
  }

  .mat-h4,
  .mat-subheading-1,
  .mat-typography h4 {
    font: 400 22px/27px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
  }

  .mat-h5,
  .mat-typography h5 {
    font: 400 calc(16px * .83)/20px DIN_Regular, Arial, Verdana, sans-serif;
    margin: 0 0 12px
  }

  .mat-h6,
  .mat-typography h6 {
    font: 400 calc(16px * .67)/20px DIN_Regular, Arial, Verdana, sans-serif;
    margin: 0 0 12px
  }

  .mat-body-2,
  .mat-body-strong {
    font: 400 25px/30px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    white-space: initial;
  }

  .mat-body,
  .mat-body-1,
  .mat-typography {
    font: 400 16px/20px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-body-1 p,
  .mat-body p,
  .mat-typography p {
    margin: 0 0 12px
  }

  .mat-caption,
  .mat-small {
    font: 400 12px/15px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-display-4,
  .mat-typography .mat-display-4 {
    font: 700 50px / 65px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 56px
  }

  .mat-display-3,
  .mat-typography .mat-display-3 {
    font: 700 51px/62px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
  }

  .mat-display-2,
  .mat-typography .mat-display-2 {
    font: 700 32px/42px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
  }

  .mat-display-1,
  .mat-typography .mat-display-1 {
    font: 700 28px/34px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0 0 12px
  }

  .mat-bottom-sheet-container {
    font: 400 16px/20px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-button,
  .mat-fab,
  .mat-flat-button,
  .mat-icon-button,
  .mat-mini-fab,
  .mat-raised-button,
  .mat-stroked-button {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 700
  }

  .mat-button-toggle,
  .mat-card {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-card-title {
    font-size: 51px;
    font-weight: 700
  }

  .mat-card-header .mat-card-title {
    font-size: 40px
  }

  .mat-card-content,
  .mat-card-subtitle {
    font-size: 16px
  }

  .mat-checkbox {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-checkbox-layout .mat-checkbox-label {
    line-height: 30px
  }

  .mat-chip {
    font-size: 25px;
    font-weight: 400
  }

  .mat-chip .mat-chip-remove.mat-icon,
  .mat-chip .mat-chip-trailing-icon.mat-icon {
    font-size: 18px
  }

  .mat-table {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-header-cell {
    font-size: 12px;
    font-weight: 400
  }

  .mat-cell,
  .mat-footer-cell {
    font-size: 16px
  }

  .mat-calendar {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-calendar-body {
    font-size: 13px
  }

  .mat-calendar-body-label,
  .mat-calendar-period-button {
    font-size: 12px;
    font-weight: 700
  }

  .mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
  }

  .mat-dialog-title {
    font: 700 40px/49px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-expansion-panel-header {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 22px;
    font-weight: 400
  }

  .mat-expansion-panel-content {
    font: 400 16px/20px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-form-field {
    font: 400 12px/1.125 DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-form-field-wrapper {
    padding-bottom: 1.34375em
  }

  .mat-form-field-prefix .mat-icon,
  .mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
  }

  .mat-form-field-prefix .mat-icon-button,
  .mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
  }

  .mat-form-field-prefix .mat-icon-button .mat-icon,
  .mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
  }

  .mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
  }

  .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34371em) scale(.75);
    width: 133.3333733333%
  }

  .mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.3437em) scale(.75);
    width: 133.3333833333%
  }

  .mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
  }

  .mat-form-field-label {
    top: 1.34375em
  }

  .mat-form-field-underline {
    bottom: 1.34375em
  }

  .mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
  }

  .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
  }

  .mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00112px);
    -ms-transform: translateY(-1.28113em) scale(.75);
    width: 133.3334533333%
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00113px);
    -ms-transform: translateY(-1.28112em) scale(.75);
    width: 133.3334633333%
  }

  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00114px);
    -ms-transform: translateY(-1.28111em) scale(.75);
    width: 133.3334733333%
  }

  .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
  }

  .mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
  }

  .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
  }

  .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
  }

  .mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
  }

  .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59371em) scale(.75);
    width: 133.3333733333%
  }

  .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.5937em) scale(.75);
    width: 133.3333833333%
  }

  .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
  }

  .mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
  }

  .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59371em) scale(.75);
    width: 133.3333733333%
  }

  .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.5937em) scale(.75);
    width: 133.3333833333%
  }

  .mat-grid-tile-footer,
  .mat-grid-tile-header {
    font-size: 16px
  }

  .mat-grid-tile-footer .mat-line,
  .mat-grid-tile-header .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
  }

  .mat-grid-tile-footer .mat-line:nth-child(n+2),
  .mat-grid-tile-header .mat-line:nth-child(n+2) {
    font-size: 12px
  }

  input.mat-input-element {
    margin-top: -.0625em
  }

  .mat-menu-item {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400
  }

  .mat-paginator,
  .mat-paginator-page-size .mat-select-trigger {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 12px
  }

  .mat-radio-button,
  .mat-select {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-select-trigger {
    height: 1.125em
  }

  .mat-slide-toggle-content,
  .mat-slider-thumb-label-text {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-slider-thumb-label-text {
    font-size: 12px;
    font-weight: 400
  }

  .mat-stepper-horizontal,
  .mat-stepper-vertical {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-step-label {
    font-size: 16px;
    font-weight: 400
  }

  .mat-step-sub-label-error {
    font-weight: 400
  }

  .mat-step-label-error {
    font-size: 25px
  }

  .mat-step-label-selected {
    font-size: 25px;
    font-weight: 400
  }

  .mat-tab-group,
  .mat-tab-label,
  .mat-tab-link {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-tab-label,
  .mat-tab-link {
    font-size: 12px;
    font-weight: 700
  }

  .mat-toolbar,
  .mat-toolbar h1,
  .mat-toolbar h2,
  .mat-toolbar h3,
  .mat-toolbar h4,
  .mat-toolbar h5,
  .mat-toolbar h6 {
    font: 700 40px/49px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal;
    margin: 0
  }

  .mat-tooltip {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
  }

  .mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
  }

  .mat-list-item,
  .mat-list-option {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-list-base .mat-list-item {
    font-size: 28px
  }

  .mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
  }

  .mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 16px
  }

  .mat-list-base .mat-list-option {
    font-size: 28px
  }

  .mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
  }

  .mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 16px
  }

  .mat-list-base .mat-subheader {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 400
  }

  .mat-list-base[dense] .mat-list-item {
    font-size: 12px
  }

  .mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
  }

  .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
  .mat-list-base[dense] .mat-list-option {
    font-size: 12px
  }

  .mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
  }

  .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
  }

  .mat-list-base[dense] .mat-subheader {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: 400
  }

  .mat-option {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 28px
  }

  .mat-optgroup-label {
    font: 400 25px/30px DIN_Regular, Arial, Verdana, sans-serif;
    letter-spacing: normal
  }

  .mat-simple-snackbar {
    font-family: DIN_Regular, Arial, Verdana, sans-serif;
    font-size: 16px
  }

  .mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700
  }

  .mat-tree {
    font-family: DIN_Regular, Arial, Verdana, sans-serif
  }

  .mat-nested-tree-node,
  .mat-tree-node {
    font-weight: 400;
    font-size: 16px
  }

  .mat-ripple {
    overflow: hidden;
    position: relative
  }

  .mat-ripple:not(:empty) {
    transform: translateZ(0)
  }

  .mat-ripple.mat-ripple-unbounded {
    overflow: visible
  }

  .mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
  }

  .cdk-high-contrast-active .mat-ripple-element {
    display: none
  }

  .cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none
  }

  .cdk-global-overlay-wrapper,
  .cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
  }

  .cdk-overlay-container {
    position: fixed;
    z-index: 1000
  }

  .cdk-overlay-container:empty {
    display: none
  }

  .cdk-global-overlay-wrapper,
  .cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000
  }

  .cdk-overlay-pane {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
  }

  .cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
  }

  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
  }
}

@media screen and (min-width: 599.9px) and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
  }
}

@media screen and (min-width: 599.9px) {
  .cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
  }

  .cdk-overlay-transparent-backdrop,
  .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
  }

  .cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
  }

  .cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
  }

  @keyframes cdk-text-field-autofill-start {
    /*!*/
  }

  @keyframes cdk-text-field-autofill-end {
    /*!*/
  }

  .cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
  }

  .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
  }

  textarea.cdk-textarea-autosize {
    resize: none
  }

  textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
  }

  textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
  }

  .mat-focus-indicator,
  .mat-mdc-focus-indicator {
    position: relative
  }
}

.consumer-theme,
.consumer-theme#wrapper {
  background-color: var(--surface-color);
  color: var(--on-surface-color)
}

.consumer-theme#wrapper {
  font-family: "DIN_Regular, Arial, Verdana, sans-serif"
}

.consumer-theme button {
  text-transform: uppercase
}

.consumer-theme button[mat-stroked-button] {
  border: 1px solid
}

.consumer-theme a {
  color: var(--primary-color) !important;
  text-decoration: none
}

.consumer-theme a :active,
.consumer-theme a :hover,
.consumer-theme a :link,
.consumer-theme a :visited {
  color: var(--primary-color);
  text-decoration: none
}

.consumer-theme a[mat-stroked-button] {
  border: 1px solid;
  text-transform: uppercase
}

.consumer-theme a[mat-button],
.consumer-theme a[mat-flat-button] {
  text-transform: uppercase
}

.consumer-theme a[mat-flat-button][color=primary],
.consumer-theme a[mat-raised-button][color=primary] {
  color: var(--on-primary-color) !important
}

.consumer-theme a[mat-flat-button][color=primary] :active,
.consumer-theme a[mat-flat-button][color=primary] :hover,
.consumer-theme a[mat-flat-button][color=primary] :link,
.consumer-theme a[mat-flat-button][color=primary] :visited,
.consumer-theme a[mat-raised-button][color=primary] :active,
.consumer-theme a[mat-raised-button][color=primary] :hover,
.consumer-theme a[mat-raised-button][color=primary] :link,
.consumer-theme a[mat-raised-button][color=primary] :visited {
  color: var(--on-primary-color)
}


.fddbold30 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold25 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold22 {
  font: 22px/22px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold20 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold18 {
  font: 18px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold16 {
  font: 16px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold14 {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold12 {
  font: 12px/18px DIN_Bold, Arial, Verdana, sans-serif
}

.fdd30 {
  font: 30px/30px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd20 {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd18 {
  font: 18px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd16 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd15 {
  font: 15px/15px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd14 {
  font: 14px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd12 {
  font: 12px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd10 {
  font: 10px/14px DIN_Regular, Arial, Verdana, sans-serif
}

.frob20 {
  font: 20px/30px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob16 {
  font: 16px/26px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob14 {
  font: 14px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob12 {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob10 {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.uppercase {
  text-transform: uppercase
}

#wrapper .under-search-text {
  flex-direction: column;
  display: flex;
  place-content: center flex-end;
  align-items: center
}

#wrapper .landing-legal-text {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif;
  color: #888
}

#wrapper .check-availability-text.check-availability-text.check-availability-text {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif;
  color: #fff;
  margin: 10px 0 15px;
  text-decoration: none;
  opacity: 1
}

#wrapper .check-availability-text.check-availability-text.check-availability-text>mat-icon.mat-icon {
  transform: scale(.45)
}

#wrapper .check-availability-text.check-availability-text.check-availability-text>mat-icon.mat-icon:hover {
  color: #fff;
  text-decoration: none;
  font-weight: inherit
}

#wrapper .field-item {
  position: relative
}

#wrapper .field-item input {
  width: 100%;
  caret-color: #fff;
  box-sizing: border-box;
  padding: 0 40px 0 26px;
  line-height: 50px;
  flex-grow: 1;
  color: #fff;
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  height: 50px;
  border: 2px solid hsla(0, 0%, 100%, .6);
  border-radius: 4px;
  background: hsla(0, 0%, 100%, .15)
}

#wrapper .field-item input:disabled {
  color: #888
}

#wrapper .field-item input:focus {
  border: 2px solid #fff;
  outline: none
}

#wrapper .field-item input:-webkit-autofill {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-fill-color: #fff !important
}

#wrapper .field-item input:-webkit-autofill,
#wrapper .field-item input:-webkit-autofill:active,
#wrapper .field-item input:-webkit-autofill:first-line,
#wrapper .field-item input:-webkit-autofill:focus,
#wrapper .field-item input:-webkit-autofill:hover {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-box-shadow: 0 0 0 999px #151515 inset !important;
  -webkit-box-shadow: 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset !important;
  background-color: #151515 !important
}

#wrapper .field-item input.ng-invalid.ng-touched {
  border: 1px solid #f44336
}

#wrapper .field-item label {
  color: #b8b8b8;
  color: var(--primary-color);
  padding: 0 28px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (2 * 28px));
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  cursor: text
}

#wrapper .field-item .btn-clear {
  background: none;
  border: none;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 14px;
  right: 10px
}

#wrapper .field-item .btn-clear mat-icon {
  transform: scale(.5)
}

#wrapper .field-item .error-message {
  color: #f44336;
  font-size: 12px
}

#wrapper .hidden {
  visibility: hidden
}

[dir=rtl] #wrapper .field-item input {
  padding: 0 26px 0 40px
}

[dir=rtl] #wrapper .field-item .error-message,
[dir=rtl] #wrapper .field-item label {
  text-align: right
}

#consumer-landing {
  display: flex;
  flex-direction: column
}

#consumer-landing #map-service-address-form {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  width: min(800px, calc(100% - 20px))
}

#consumer-landing .landing-key-features-wrapper {
  display: flex;
  justify-content: center
}

#consumer-landing>div>.text-section-container {
  white-space: pre-wrap;
  padding: 0 20px;
  margin: 115px auto
}

#consumer-landing #fast-connectivity-availability {
  text-transform: uppercase;
  text-align: center;
  margin: 0 20px;
  padding-top: 85px;
  padding-bottom: 85px
}

#consumer-landing #fast-connectivity-availability .description-container {
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px
}

#consumer-landing #fast-connectivity-availability #fast-connectivity-availability-link {
  color: unset;
  padding-right: 5px
}

#consumer-landing .download-link {
  text-transform: uppercase;
  padding-right: 20px;
  margin-left: -15px
}

#consumer-landing .vertical-line {
  border-left: 1px solid var(--outline-color);
  height: 35px;
  padding-right: 10px
}

#consumer-landing #get-online-in-minutes {
  padding-top: 50px
}

#consumer-landing .get-online-in-minute-steps {
  display: flex;
  flex-direction: row
}

#consumer-landing .learn-more-button {
  text-transform: uppercase
}

#consumer-landing #google-map {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s linear
}

#consumer-landing #google-map.show {
  opacity: 1;
  pointer-events: all
}

@media screen and (min-width: 959.9px) {
  #consumer-landing #map-service-address-form {
    bottom: 100px
  }

  #consumer-landing>div>.text-section-container {
    text-align: center;
    max-width: 1420px
  }

  #consumer-landing #thirty-day-risk-free-demo {
    margin-bottom: 180px
  }
}


.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%
}

.mapboxgl-canary {
  background-color: salmon
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  user-select: none
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none
}

.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0
}

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0)
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right
}

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .1)
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText
  }
}

.mapboxgl-ctrl-group button {
  width: 29px;
  height: 29px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  overflow: hidden
}

.mapboxgl-ctrl-group button+button {
  border-top: 1px solid #ddd
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent
  }

  .mapboxgl-ctrl-group button+button {
    border-top: 1px solid ButtonText
  }
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: .25
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none
}

.mapboxgl-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0
}

.mapboxgl-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px
}

.mapboxgl-ctrl-group button:focus:only-child {
  border-radius: inherit
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E %3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E")
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E %3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E")
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E %3C/svg%3E")
  }

  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E %3C/svg%3E")
  }
}

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='0.9' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23fff'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")
  }
}

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E %3Cdefs%3E %3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E %3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E %3C/defs%3E %3Cmask id='clip'%3E %3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/mask%3E %3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E %3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E %3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E %3C/g%3E %3Cg id='fill' opacity='1' fill='%23000'%3E %3Cuse xlink:href='%23logo'/%3E %3Cuse xlink:href='%23text'/%3E %3C/g%3E %3C/svg%3E")
  }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: hsla(0, 0%, 100%, .5);
  margin: 0
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 2px 24px 2px 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 12px
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible
  }

  .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 8px 2px 28px;
    border-radius: 12px
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none
  }

  .mapboxgl-ctrl-attrib-button {
    display: none;
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
    background-color: hsla(0, 0%, 100%, .5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
    outline: none;
    top: 0;
    right: 0;
    border: 0
  }

  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner,
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button {
    display: block
  }

  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: rgba(0, 0, 0, .05)
  }

  .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0
  }

  .mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0
  }

  .mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0
  }

  .mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0
  }
}

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")
  }
}

.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, .75);
  text-decoration: none
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px
}

.mapboxgl-attrib-empty {
  display: none
}

.mapboxgl-ctrl-scale {
  background-color: hsla(0, 0%, 100%, .75);
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box
}

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  will-change: transform;
  pointer-events: none
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse
}

.mapboxgl-popup-anchor-left {
  flex-direction: row
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse
}

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-top: none;
  border-bottom-color: #fff
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-right: none;
  border-left-color: #fff
}

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent
}

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, .05)
}

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  padding: 10px 10px 15px;
  pointer-events: auto
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0
}

.mapboxgl-popup-track-pointer {
  display: none
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none
}

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  opacity: 1;
  transition: opacity .2s
}

.mapboxgl-user-location-dot,
.mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%
}

.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  animation: mapboxgl-user-location-dot-pulse 2s infinite
}

.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, .35)
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  width: 0;
  height: 0
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  content: "";
  border-bottom: 7.5px solid #4aa1eb;
  position: absolute
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg)
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg)
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1
  }

  70% {
    transform: scale(3);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.mapboxgl-user-location-dot-stale {
  background-color: #aaa
}

.mapboxgl-user-location-dot-stale:after {
  display: none
}

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, .2);
  width: 1px;
  height: 1px;
  border-radius: 100%
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair
}

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: .5
}

@media print {
  .mapbox-improve-map {
    display: none
  }
}

.mapboxgl-scroll-zoom-blocker,
.mapboxgl-touch-pan-blocker {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
  justify-content: center;
  text-align: center;
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  pointer-events: none;
  transition: opacity .75s ease-in-out;
  transition-delay: 1s
}

.mapboxgl-scroll-zoom-blocker-show,
.mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity .1s ease-in-out
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
  touch-action: pan-x pan-y
}

.fddbold30 {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold25 {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold22 {
  font: 22px/22px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold20 {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold18 {
  font: 18px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold16 {
  font: 16px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold14 {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold12 {
  font: 12px/18px DIN_Bold, Arial, Verdana, sans-serif
}

.fdd30 {
  font: 30px/30px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd20 {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd18 {
  font: 18px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd16 {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd15 {
  font: 15px/15px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd14 {
  font: 14px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd12 {
  font: 12px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd10 {
  font: 10px/14px DIN_Regular, Arial, Verdana, sans-serif
}

.frob20 {
  font: 20px/30px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob16 {
  font: 16px/26px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob14 {
  font: 14px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob12 {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob10 {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.uppercase {
  text-transform: uppercase
}

#wrapper .under-search-text {
  flex-direction: column;
  display: flex;
  place-content: center flex-end;
  align-items: center
}

#wrapper .landing-legal-text {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif;
  color: #888
}

#wrapper .check-availability-text.check-availability-text.check-availability-text {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif;
  color: #fff;
  margin: 10px 0 15px;
  text-decoration: none;
  opacity: 1
}

#wrapper .check-availability-text.check-availability-text.check-availability-text>mat-icon.mat-icon {
  transform: scale(.45)
}

#wrapper .check-availability-text.check-availability-text.check-availability-text>mat-icon.mat-icon:hover {
  color: #fff;
  text-decoration: none;
  font-weight: inherit
}

#wrapper .field-item {
  position: relative
}

#wrapper .field-item input {
  width: 100%;
  caret-color: #fff;
  box-sizing: border-box;
  padding: 0 40px 0 26px;
  line-height: 50px;
  flex-grow: 1;
  color: #fff;
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  height: 50px;
  border: 2px solid hsla(0, 0%, 100%, .6);
  border-radius: 4px;
  background: hsla(0, 0%, 100%, .15)
}

#wrapper .field-item input:disabled {
  color: #888
}

#wrapper .field-item input:focus {
  border: 2px solid #fff;
  outline: none
}

#wrapper .field-item input:-webkit-autofill {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-fill-color: #fff !important
}

#wrapper .field-item input:-webkit-autofill,
#wrapper .field-item input:-webkit-autofill:active,
#wrapper .field-item input:-webkit-autofill:first-line,
#wrapper .field-item input:-webkit-autofill:focus,
#wrapper .field-item input:-webkit-autofill:hover {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-box-shadow: 0 0 0 999px #151515 inset !important;
  -webkit-box-shadow: 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset !important;
  background-color: #151515 !important
}

#wrapper .field-item input.ng-invalid.ng-touched {
  border: 1px solid #f44336
}

#wrapper .field-item label {
  color: #b8b8b8;
  color: var(--primary-color);
  padding: 0 28px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (2 * 28px));
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  cursor: text
}

#wrapper .field-item .btn-clear {
  background: none;
  border: none;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 14px;
  right: 10px
}

#wrapper .field-item .btn-clear mat-icon {
  transform: scale(.5)
}

#wrapper .field-item .error-message {
  color: #f44336;
  font-size: 12px
}

#wrapper .hidden {
  visibility: hidden
}

[dir=rtl] #wrapper .field-item input {
  padding: 0 26px 0 40px
}

[dir=rtl] #wrapper .field-item .error-message,
[dir=rtl] #wrapper .field-item label {
  text-align: right
}

app-availability-map #map {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: #191a1a;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s linear
}

app-availability-map #map.show {
  opacity: 1;
  pointer-events: all
}

app-availability-map #map.showMapOnLoad {
  transition: none
}

app-availability-map #map .marker {
  position: absolute;
  left: 0;
  width: 37px;
  height: 37px;
  background-image: url(/assets/images/marker_circle_white.svg);
  background-size: contain
}

app-availability-map #map .mapboxgl-popup {
  padding-bottom: 5px
}

app-availability-map #map .mapboxgl-popup-content {
  padding: 3px 8px;
  background: rgba(0, 0, 0, .6);
  text-align: center
}

app-availability-map #map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: rgba(0, 0, 0, .6)
}

app-availability-map #map .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: rgba(0, 0, 0, .6)
}

app-availability-map #map .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: rgba(0, 0, 0, .6)
}

app-availability-map #map .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-bottom-color: rgba(0, 0, 0, .6)
}

app-availability-map #map .mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: hsla(0, 0%, 100%, .1) !important
}

app-availability-map #map .mapboxgl-ctrl-attrib a:link {
  color: #999 !important
}


#wrapper[_ngcontent-serverApp-c108] .under-search-text[_ngcontent-serverApp-c108] {
  flex-direction: column;
  display: flex;
  place-content: center flex-end;
  align-items: center
}

#wrapper[_ngcontent-serverApp-c108] .landing-legal-text[_ngcontent-serverApp-c108] {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif;
  color: #888
}

#wrapper[_ngcontent-serverApp-c108] .check-availability-text.check-availability-text.check-availability-text[_ngcontent-serverApp-c108] {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif;
  color: #fff;
  margin: 10px 0 15px;
  text-decoration: none;
  opacity: 1
}

#wrapper[_ngcontent-serverApp-c108] .check-availability-text.check-availability-text.check-availability-text[_ngcontent-serverApp-c108]>mat-icon.mat-icon[_ngcontent-serverApp-c108] {
  transform: scale(.45)
}

#wrapper[_ngcontent-serverApp-c108] .check-availability-text.check-availability-text.check-availability-text[_ngcontent-serverApp-c108]>mat-icon.mat-icon[_ngcontent-serverApp-c108]:hover {
  color: #fff;
  text-decoration: none;
  font-weight: inherit
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] {
  position: relative
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108] {
  width: 100%;
  caret-color: #fff;
  box-sizing: border-box;
  padding: 0 40px 0 26px;
  line-height: 50px;
  flex-grow: 1;
  color: #fff;
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  font-weight: 700;
  height: 50px;
  border: 2px solid hsla(0, 0%, 100%, .6);
  border-radius: 4px;
  background: hsla(0, 0%, 100%, .15)
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:disabled {
  color: #888
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:focus {
  border: 2px solid #fff;
  outline: none
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-text-fill-color: #fff !important
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill,
#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill:active,
#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill:first-line,
#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill:focus,
#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108]:-webkit-autofill:hover {
  font-size: 100%;
  font-family: Roboto, Helvetica, Arial, Verdana, sans-serif;
  -webkit-box-shadow: 0 0 0 999px #151515 inset !important;
  -webkit-box-shadow: 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset, 0 0 0 999px #151515 inset !important;
  background-color: #151515 !important
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input.ng-invalid.ng-touched[_ngcontent-serverApp-c108] {
  border: 1px solid #f44336
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] label[_ngcontent-serverApp-c108] {
  color: #b8b8b8;
  color: var(--primary-color);
  padding: 0 28px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - (2 * 28px));
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  cursor: text
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] .btn-clear[_ngcontent-serverApp-c108] {
  background: none;
  border: none;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 14px;
  right: 10px
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] .btn-clear[_ngcontent-serverApp-c108] mat-icon[_ngcontent-serverApp-c108] {
  transform: scale(.5)
}

#wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] .error-message[_ngcontent-serverApp-c108] {
  color: #f44336;
  font-size: 12px
}

#wrapper[_ngcontent-serverApp-c108] .hidden[_ngcontent-serverApp-c108] {
  visibility: hidden
}

[dir=rtl][_ngcontent-serverApp-c108] #wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] input[_ngcontent-serverApp-c108] {
  padding: 0 26px 0 40px
}

[dir=rtl][_ngcontent-serverApp-c108] #wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] .error-message[_ngcontent-serverApp-c108],
[dir=rtl][_ngcontent-serverApp-c108] #wrapper[_ngcontent-serverApp-c108] .field-item[_ngcontent-serverApp-c108] label[_ngcontent-serverApp-c108] {
  text-align: right
}

.fddbold30[_ngcontent-serverApp-c108] {
  font: 30px/30px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold25[_ngcontent-serverApp-c108] {
  font: 25px/25px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold22[_ngcontent-serverApp-c108] {
  font: 22px/22px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold20[_ngcontent-serverApp-c108] {
  font: 20px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold18[_ngcontent-serverApp-c108] {
  font: 18px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold16[_ngcontent-serverApp-c108] {
  font: 16px/20px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold14[_ngcontent-serverApp-c108] {
  font: 14px/16px DIN_Bold, Arial, Verdana, sans-serif
}

.fddbold12[_ngcontent-serverApp-c108] {
  font: 12px/18px DIN_Bold, Arial, Verdana, sans-serif
}

.fdd30[_ngcontent-serverApp-c108] {
  font: 30px/30px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd20[_ngcontent-serverApp-c108] {
  font: 20px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd18[_ngcontent-serverApp-c108] {
  font: 18px/20px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd16[_ngcontent-serverApp-c108] {
  font: 16px/22px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd15[_ngcontent-serverApp-c108] {
  font: 15px/15px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd14[_ngcontent-serverApp-c108] {
  font: 14px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd12[_ngcontent-serverApp-c108] {
  font: 12px/18px DIN_Regular, Arial, Verdana, sans-serif
}

.fdd10[_ngcontent-serverApp-c108] {
  font: 10px/14px DIN_Regular, Arial, Verdana, sans-serif
}

.frob20[_ngcontent-serverApp-c108] {
  font: 20px/30px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob16[_ngcontent-serverApp-c108] {
  font: 16px/26px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob14[_ngcontent-serverApp-c108] {
  font: 14px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob12[_ngcontent-serverApp-c108] {
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.frob10[_ngcontent-serverApp-c108] {
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.uppercase[_ngcontent-serverApp-c108] {
  text-transform: uppercase
}

[_nghost-serverApp-c108] {
  z-index: 2;
  transition: 1s ease-in-out
}

input[_ngcontent-serverApp-c108]:-webkit-autofill,
input[_ngcontent-serverApp-c108]:-webkit-autofill:active,
input[_ngcontent-serverApp-c108]:-webkit-autofill:focus,
input[_ngcontent-serverApp-c108]:-webkit-autofill:hover {
  box-shadow: none;
  background-color: #151515 !important;
  background-clip: content-box !important
}

.ip-region-change[_ngcontent-serverApp-c108] {
  margin: 40px 0 30px
}

.ip-region-select[_ngcontent-serverApp-c108] .mat-form-field-wrapper {
  padding-bottom: 0;
  margin: 0
}

.ip-region-select[_ngcontent-serverApp-c108] .mat-form-field-wrapper .mat-form-field-flex {
  margin-top: 0;
  padding: .25em .75em 0 1.75em
}

.ip-region-select[_ngcontent-serverApp-c108] .mat-form-field-wrapper .mat-form-field-outline {
  background: hsla(0, 0%, 100%, .15);
  border: 1px solid hsla(0, 0%, 100%, .6);
  border-radius: 4px;
  height: 50px
}

.ip-region-select[_ngcontent-serverApp-c108] .mat-form-field-wrapper .mat-select-placeholder {
  font-weight: 700;
  color: #fff
}

.ip-region-select[_ngcontent-serverApp-c108] .mat-form-field-wrapper .mat-select-value-text {
  font-weight: 700;
  color: #fff;
  font: 12px/18px Roboto, Helvetica, Arial, Verdana, sans-serif
}

.ip-region-select[_ngcontent-serverApp-c108]:focus {
  border: 2px solid #fff;
  outline: none
}

.address-results-wrapper[_ngcontent-serverApp-c108] {
  position: relative;
  top: -8px;
  width: 100%
}

.availability-map-button-container[_ngcontent-serverApp-c108] {
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px
}

.address-results[_ngcontent-serverApp-c108] {
  list-style-type: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-color: #151515;
  flex-grow: 1;
  z-index: 10;
  color: #fff;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  bottom: 36px;
  border: 1px solid #fff;
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  border-radius: 4px 4px 0 0
}

.address-results[_ngcontent-serverApp-c108] .main-address-text[_ngcontent-serverApp-c108] {
  color: #fff
}

.address-results[_ngcontent-serverApp-c108] .secondary-address-text[_ngcontent-serverApp-c108] {
  font-size: 12px;
  color: rgba(161, 160, 160, .8)
}

.address-results[_ngcontent-serverApp-c108] .powered-by-google[_ngcontent-serverApp-c108] {
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 18px;
  box-sizing: border-box;
  text-align: right;
  display: block;
  background-image: url(/assets/images/powered_by_google_on_non_white.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 120px 14px
}

.address-result[_ngcontent-serverApp-c108] {
  display: block;
  background-color: #151515;
  color: #fff;
  border-top: 1px solid hsla(0, 0%, 100%, .07);
  border-bottom: none !important;
  text-align: left;
  padding: 5px 5px 5px 18px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  line-height: 34px
}

.address-result[_ngcontent-serverApp-c108]:hover,
.address-result[_ngcontent-serverApp-c108] span[_ngcontent-serverApp-c108],
.address-result[_ngcontent-serverApp-c108] span[_ngcontent-serverApp-c108]:hover {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer
}

.address-result.active[_ngcontent-serverApp-c108] {
  background: hsla(0, 0%, 82.7%, .1)
}

.locate-manually[_ngcontent-serverApp-c108] {
  font-weight: 700
}

.address-result-manual-selection[_ngcontent-serverApp-c108] [_ngcontent-serverApp-c108]:hover {
  font-weight: 400;
  text-decoration: none
}

@media screen and (max-height: 640px) {
  .subheader[_ngcontent-serverApp-c108] {
    font-size: .8rem !important;
    line-height: 1rem !important;
    margin-bottom: .2em !important
  }
}

.service-field[_ngcontent-serverApp-c108] {
  margin-bottom: 8px !important
}

.service-input-wrapper[_ngcontent-serverApp-c108] {
  overflow: hidden;
  transition: all .25s ease-out;
  font-size: 1rem
}

.service-input-wrapper[_ngcontent-serverApp-c108] #service-input-label[_ngcontent-serverApp-c108] {
  font-size: medium;
  font-weight: 700;
  size: 14px;
  line-height: 15px;
  color: var(--primary-color)
}

.service-input-wrapper[_ngcontent-serverApp-c108] .field-item-service[_ngcontent-serverApp-c108] {
  margin-top: 8px
}

.service-input-wrapper[_ngcontent-serverApp-c108] .field-item-service[_ngcontent-serverApp-c108] .service-input[_ngcontent-serverApp-c108] {
  backdrop-filter: blur(10px);
  text-overflow: ellipsis
}

.service-input-wrapper[_ngcontent-serverApp-c108] .field-item-service[_ngcontent-serverApp-c108] .service-input[_ngcontent-serverApp-c108]::placeholder {
  opacity: 1;
  color: var(--primary-color);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px
}

.service-input-wrapper[_ngcontent-serverApp-c108] .field-item-service[_ngcontent-serverApp-c108] .btn-location[_ngcontent-serverApp-c108] {
  background: none;
  border: none;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 13px;
  right: 17px
}

.service-input-wrapper[_ngcontent-serverApp-c108] .field-item-service[_ngcontent-serverApp-c108] .disable-blur[_ngcontent-serverApp-c108] {
  backdrop-filter: unset
}

.show-service-input[_ngcontent-serverApp-c108] {
  opacity: 1;
  height: 100px
}

.service-address-form-info[_ngcontent-serverApp-c108] {
  background-color: var(--info-color);
  color: var(--on-info-color);
  padding: 10px;
  margin-bottom: 15px
}

.service-address-form-info[_ngcontent-serverApp-c108] a {
  color: var(--on-info-color) !important;
  text-decoration: underline
}

.service-address-form-info[_ngcontent-serverApp-c108] mat-icon[_ngcontent-serverApp-c108] {
  color: var(--on-info-icon-color)
}

.service-address-form-info[_ngcontent-serverApp-c108] .service-address-form-error-text-container[_ngcontent-serverApp-c108] {
  display: flex;
  line-height: 1.5rem;
  gap: 10px
}

@media screen and (min-width: 959.9px) {
  .service-address-form-info[_ngcontent-serverApp-c108] {
    margin-bottom: 20px
  }
}

.service-address-form[_ngcontent-serverApp-c108] {
  justify-content: center
}

.is-confirm-location[_ngcontent-serverApp-c108] #starlink-logo[_ngcontent-serverApp-c108],
.is-confirm-location[_ngcontent-serverApp-c108] .plus-codes[_ngcontent-serverApp-c108],
.is-confirm-location[_ngcontent-serverApp-c108] .subheader[_ngcontent-serverApp-c108] {
  opacity: 0;
  height: 0 !important
}

.is-confirm-location[_ngcontent-serverApp-c108] .plus-codes[_ngcontent-serverApp-c108] {
  display: none !important
}

.is-confirm-location[_ngcontent-serverApp-c108] .email-input[_ngcontent-serverApp-c108] {
  display: none
}

confirm-location[_ngcontent-serverApp-c108] {
  display: block
}

.business-info-pane[_ngcontent-serverApp-c108] {
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px
}

.business-info-pane[_ngcontent-serverApp-c108] b[_ngcontent-serverApp-c108] {
  font-weight: 700
}

.zoom-text-anchor[_ngcontent-serverApp-c108] {
  position: relative;
  margin-top: auto;
  margin-bottom: 8px
}

.zoom-text-anchor[_ngcontent-serverApp-c108] .zoom-text[_ngcontent-serverApp-c108] {
  position: absolute;
  font: 10px/16px Roboto, Helvetica, Arial, Verdana, sans-serif;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  bottom: 55px
}

@media screen and (max-width: 959.9px) {
  .zoom-text-anchor[_ngcontent-serverApp-c108] .zoom-text[_ngcontent-serverApp-c108] {
    bottom: 120px
  }
}

.centered-text[_ngcontent-serverApp-c108] {
  text-align: center
}

@media screen and (max-width: 599.9px) {
  .hidden-on-mobile[_ngcontent-serverApp-c108] {
    display: none
  }
}

[dir=rtl] [_nghost-serverApp-c108] .service-address-form[_ngcontent-serverApp-c108] .service-input-wrapper[_ngcontent-serverApp-c108] .field-item.field-item-service[_ngcontent-serverApp-c108] input.service-input[_ngcontent-serverApp-c108] {
  padding: 0 17px 0 40px !important
}

[dir=rtl] [_nghost-serverApp-c108] .service-address-form[_ngcontent-serverApp-c108] .service-input-wrapper[_ngcontent-serverApp-c108] .field-item.field-item-service[_ngcontent-serverApp-c108] .btn-location[_ngcontent-serverApp-c108] {
  left: 17px;
  right: unset
}

[dir=rtl] [_nghost-serverApp-c108] .service-address-form[_ngcontent-serverApp-c108] .address-results-wrapper[_ngcontent-serverApp-c108] .address-result[_ngcontent-serverApp-c108] {
  text-align: right
}


[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 80vh;
  display: flex;
  flex-direction: column
}

[_nghost-serverApp-c109] .hero-container.state-service-plan-card[_ngcontent-serverApp-c109] {
  min-height: max(400px, 70vh)
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .image-container[_ngcontent-serverApp-c109] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .image-container[_ngcontent-serverApp-c109] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top right;
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .image-container[_ngcontent-serverApp-c109] picture[_ngcontent-serverApp-c109] {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .image-container[_ngcontent-serverApp-c109] img[_ngcontent-serverApp-c109] {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .background-gradient-container[_ngcontent-serverApp-c109] {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  background: linear-gradient(180deg, transparent 50%, #000) no-repeat
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] {
  color: var(--primary-color);
  position: relative;
  padding: 80px 20px 16px;
  text-align: center;
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] {
  min-height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] .text-headline[_ngcontent-serverApp-c109] {
  text-transform: uppercase;
  margin-bottom: 15px
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] .video-button-text[_ngcontent-serverApp-c109] {
  margin-right: 12px
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .form-container[_ngcontent-serverApp-c109]:not(:empty) {
  position: relative;
  padding: 0 20px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch
}

[_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .redirect-button-padding[_ngcontent-serverApp-c109] {
  padding: 10px 40px
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] {
    min-height: max(600px, 90vh)
  }

  [_nghost-serverApp-c109] .hero-container.state-service-plan-card[_ngcontent-serverApp-c109] {
    min-height: max(600px, 75vh)
  }

  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] {
    padding: 150px 20px 16px
  }

  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] {
    min-height: 50vh
  }

  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] .text-headline[_ngcontent-serverApp-c109] {
    max-width: 1000px
  }

  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .text-container[_ngcontent-serverApp-c109] .text-wrapper[_ngcontent-serverApp-c109] .text-subheading[_ngcontent-serverApp-c109] {
    max-width: 800px;
    margin-bottom: 15px;
  }

  [_nghost-serverApp-c109] .hero-container[_ngcontent-serverApp-c109] .form-container[_ngcontent-serverApp-c109]:not(:empty) {
    margin: 0 auto 50px;
    width: 100%;
    max-width: 600px
  }

  [_nghost-serverApp-c109] .service-plan-card-container[_ngcontent-serverApp-c109]:not(:empty):not(:has(shui-hero-service-plan-card:nth-child(2):last-child)) {
    max-width: 600px;
    grid-template-columns: 1fr;
    grid-template-rows: auto
  }
}


[_nghost-serverApp-c110] {
  display: flex;
  width: 100%
}

[_nghost-serverApp-c110].video-card {
  max-width: 720px;
  margin-top: 25px;
}

[_nghost-serverApp-c110].video-card .hero-service-plan-card-container[_ngcontent-serverApp-c110] {
  padding: 0;
  overflow: hidden;
}

[_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] {
  border-radius: 8px;
  border: 1px solid var(--outline-transparent-color);
  background-color: var(--surface-transparent-color);
  backdrop-filter: blur(4px);
  padding: 24px;
  width: 100%
}

[_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] video {
  max-width: 100%;
  width: 100%;
  height: auto;
}

[_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] .service-card-title[_ngcontent-serverApp-c110] {
  text-transform: uppercase
}

[_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] .service-card-description[_ngcontent-serverApp-c110] {
  min-height: 20px
}

[_nghost-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110] {
  display: flex;
  gap: .75rem;
  justify-content: stretch;
  margin-top: 24px
}

[_nghost-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110]>a[_ngcontent-serverApp-c110],
[_nghost-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110]>button[_ngcontent-serverApp-c110] {
  flex-basis: 50%
}

[_nghost-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110] span.mat-button-wrapper {
  white-space: pre-wrap
}

[_nghost-serverApp-c110] .service-card-lead-form[_ngcontent-serverApp-c110] {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] {
    padding: 40px 48px
  }

  [_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110] {
    justify-content: unset
  }

  [_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110]>a[_ngcontent-serverApp-c110],
  [_nghost-serverApp-c110] .hero-service-plan-card-container[_ngcontent-serverApp-c110] .service-card-call-to-action[_ngcontent-serverApp-c110]>button[_ngcontent-serverApp-c110] {
    flex-basis: unset
  }
}


[_nghost-serverApp-c115] {
  display: flex;
  align-items: stretch
}

[_nghost-serverApp-c115] .image-block-container[_ngcontent-serverApp-c115] {
  width: 100%;
  height: 100%;
  min-height: 600px
}

[_nghost-serverApp-c115] .image-block-container[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-headline[_ngcontent-serverApp-c115] {
  text-transform: uppercase
}

[_nghost-serverApp-c115] .image-block-container[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img[_ngcontent-serverApp-c115],
[_nghost-serverApp-c115] .image-block-container[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] picture[_ngcontent-serverApp-c115] {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

[_nghost-serverApp-c115] .image-block-container[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img[_ngcontent-serverApp-c115] {
  width: 100%;
  height: 100%
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  min-height: 780px;
  height: 50vh;
  max-height: 1400px
}

@media screen and (max-width: 574px) {
  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] {
    min-height: 500px;
  }
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .product-key-specifications-container[_ngcontent-serverApp-c115] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  position: relative;
  margin: 80px 20px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-headline[_ngcontent-serverApp-c115] {
  margin-bottom: 20px
}

[_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container.key-features-configuration[_ngcontent-serverApp-c115] {
  text-align: center
}

[_nghost-serverApp-c115] .image-block-container.full-bleed.text-top[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  justify-content: flex-start
}

[_nghost-serverApp-c115] .image-block-container.full-bleed.text-center[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  justify-content: center
}

[_nghost-serverApp-c115] .image-block-container.full-bleed.text-bottom[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  justify-content: flex-end
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    position: relative;
    height: 50vh;
    max-height: 1080px
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .product-key-specifications-container[_ngcontent-serverApp-c115] {
    position: relative;
    margin-top: 30px;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: center
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    width: 100%;
    margin: 80px 20px;
    padding: 0 20px
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    max-width: 510px
  }
}

@media screen and (min-width: 959.9px) and (min-width: 1440px) {
  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    max-width: 1420px;
    margin: 80px auto 120px;
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed[_ngcontent-serverApp-c115] .text-container.key-features-configuration[_ngcontent-serverApp-c115] {
    max-width: 900px
  }
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c115] .image-block-container.full-bleed.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    margin-right: auto
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    margin-left: auto
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed.text-middle[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    z-index: 1
  }

  [_nghost-serverApp-c115] .image-block-container.full-bleed.text-middle[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    display: contents;
    text-align: center
  }
}

[_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  min-height: unset
}

[_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
  width: 100%;
  overflow: hidden
}

[_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img[_ngcontent-serverApp-c115] {
  height: auto;
  aspect-ratio: 1
}

[_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  padding: 20px
}

[_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-headline[_ngcontent-serverApp-c115] {
  margin-bottom: 20px
}

[_nghost-serverApp-c115] .image-block-container.half-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  padding-top: 40px
}

[_nghost-serverApp-c115] .image-block-container.half-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  order: 1;
  padding-bottom: 40px
}

[_nghost-serverApp-c115] .image-block-container.half-block.text-right[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
  order: 2
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] {
    flex-direction: row;
    max-height: 860px
  }

  [_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115],
  [_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    flex-basis: 50%
  }

  [_nghost-serverApp-c115] .image-block-container.half-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img[_ngcontent-serverApp-c115] {
    height: 100%
  }

  [_nghost-serverApp-c115] .image-block-container.half-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    width: 100%;
    max-width: 710px;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    justify-content: center
  }

  [_nghost-serverApp-c115] .image-block-container.half-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    max-width: 510px;
    margin-left: auto
  }

  [_nghost-serverApp-c115] .image-block-container.half-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    width: 100%;
    max-width: 710px;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
  }

  [_nghost-serverApp-c115] .image-block-container.half-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    max-width: 510px;
    margin-right: auto
  }
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto;
  min-height: unset;
  padding: 40px 20px
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
  width: 100%;
  overflow: hidden;
  position: relative
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] img[_ngcontent-serverApp-c115] {
  height: auto;
  aspect-ratio: 1
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] .play-button-container[_ngcontent-serverApp-c115] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] .play-button-container[_ngcontent-serverApp-c115] .icon-play-button[_ngcontent-serverApp-c115] {
  height: 100px;
  width: 100px
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] .play-button-container[_ngcontent-serverApp-c115] .icon-play-button[_ngcontent-serverApp-c115] mat-icon[_ngcontent-serverApp-c115] {
  height: 100%;
  width: 100%
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  padding-top: 40px
}

[_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-headline[_ngcontent-serverApp-c115] {
  margin-bottom: 20px
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] {
    flex-direction: row;
    max-height: 700px;
    max-width: 1420px;
    margin: 80px auto
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] .play-button-container[_ngcontent-serverApp-c115] .icon-play-button[_ngcontent-serverApp-c115] {
    height: 150px;
    width: 150px
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    width: 100%;
    max-width: 710px;
    margin-right: auto;
    padding-top: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    max-width: 510px;
    margin-left: auto;
    padding: 0 20px
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] {
    order: 1;
    padding-bottom: 40px;
    width: 100%;
    max-width: 710px;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    max-width: 510px;
    margin-right: auto;
    padding: 0 20px
  }

  [_nghost-serverApp-c115] .image-block-container.inset-block.text-right[_ngcontent-serverApp-c115] .image-container[_ngcontent-serverApp-c115] {
    order: 2
  }

  [dir=rtl] [_nghost-serverApp-c115] .image-block-container.inset-block.text-left[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    margin-left: unset
  }

  [dir=rtl] [_nghost-serverApp-c115] .image-block-container.inset-block.text-right[_ngcontent-serverApp-c115] .text-container[_ngcontent-serverApp-c115] .text-wrapper[_ngcontent-serverApp-c115] {
    margin-right: unset
  }
}


[_nghost-serverApp-c116] .cta-body-text[_ngcontent-serverApp-c116] {
  white-space: pre-wrap
}

[_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 50px
}

[_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] {
  color: var(--primary-color);
  position: relative;
  padding: 64px 20px;
  text-align: center
}

[_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] .text-wrapper[_ngcontent-serverApp-c116] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

[_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] .text-wrapper[_ngcontent-serverApp-c116] .text-headline[_ngcontent-serverApp-c116] {
  text-transform: uppercase;
  margin-bottom: 8px
}

[_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .form-container[_ngcontent-serverApp-c116] {
  position: relative;
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch
}

[_nghost-serverApp-c116] .redirect-button-container[_ngcontent-serverApp-c116] {
  text-align: center
}

[_nghost-serverApp-c116] .redirect-button[_ngcontent-serverApp-c116] {
  padding: 10px 40px
}

@media screen and (min-width: 959.9px) {
  [_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] {
    height: 100%;
    min-height: unset;
    padding: 100px 0
  }

  [_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] {
    padding-bottom: 40px
  }

  [_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] .text-wrapper[_ngcontent-serverApp-c116] .text-headline[_ngcontent-serverApp-c116] {
    max-width: 1000px
  }

  [_nghost-serverApp-c116] .hero-container[_ngcontent-serverApp-c116] .text-container[_ngcontent-serverApp-c116] .text-wrapper[_ngcontent-serverApp-c116] .text-subheading[_ngcontent-serverApp-c116] {
    max-width: 800px
  }

  [_nghost-serverApp-c116] .form-container[_ngcontent-serverApp-c116] {
    margin: 0 auto 50px;
    width: 100%;
    max-width: 600px
  }
}

/*# sourceMappingURL=styles.fb43be15aadb684db802.css.map*/