.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media (min-width: 320px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 1280px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width: 1920px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }
}

.container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width: 320px) {
  .container {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 960px
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1140px
  }
}


@media (min-width: 320px) {
  .container, .container-sm {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px
  }
}

@media (min-width: 1280px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px
  }
}

@media (min-width: 1920px) {
  .container, .container-sm, .container-md, .container-xl {
    max-width: 1140px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .col-17, .col-18, .col-19, .col-20, .col-21, .col-22, .col-23, .col-24, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15, .col-xl-16, .col-xl-17, .col-xl-18, .col-xl-19, .col-xl-20, .col-xl-21, .col-xl-22, .col-xl-23, .col-xl-24, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  flex: 0 0 4.16667%;
  max-width: 4.16667%
}

.col-2 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-3 {
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.col-4 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-5 {
  flex: 0 0 20.83333%;
  max-width: 20.83333%
}

.col-6 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-7 {
  flex: 0 0 29.16667%;
  max-width: 29.16667%
}

.col-8 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-9 {
  flex: 0 0 37.5%;
  max-width: 37.5%
}

.col-10 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-11 {
  flex: 0 0 45.83333%;
  max-width: 45.83333%
}

.col-12 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-13 {
  flex: 0 0 54.16667%;
  max-width: 54.16667%
}

.col-14 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-15 {
  flex: 0 0 62.5%;
  max-width: 62.5%
}

.col-16 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-17 {
  flex: 0 0 70.83333%;
  max-width: 70.83333%
}

.col-18 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-19 {
  flex: 0 0 79.16667%;
  max-width: 79.16667%
}

.col-20 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-21 {
  flex: 0 0 87.5%;
  max-width: 87.5%
}

.col-22 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-23 {
  flex: 0 0 95.83333%;
  max-width: 95.83333%
}

.col-24 {
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  order: -1
}

.order-last {
  order: 25
}

.order-0 {
  order: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.order-3 {
  order: 3
}

.order-4 {
  order: 4
}

.order-5 {
  order: 5
}

.order-6 {
  order: 6
}

.order-7 {
  order: 7
}

.order-8 {
  order: 8
}

.order-9 {
  order: 9
}

.order-10 {
  order: 10
}

.order-11 {
  order: 11
}

.order-12 {
  order: 12
}

.order-13 {
  order: 13
}

.order-14 {
  order: 14
}

.order-15 {
  order: 15
}

.order-16 {
  order: 16
}

.order-17 {
  order: 17
}

.order-18 {
  order: 18
}

.order-19 {
  order: 19
}

.order-20 {
  order: 20
}

.order-21 {
  order: 21
}

.order-22 {
  order: 22
}

.order-23 {
  order: 23
}

.order-24 {
  order: 24
}

.offset-1 {
  margin-left: 4.16667%
}

.offset-2 {
  margin-left: 8.33333%
}

.offset-3 {
  margin-left: 12.5%
}

.offset-4 {
  margin-left: 16.66667%
}

.offset-5 {
  margin-left: 20.83333%
}

.offset-6 {
  margin-left: 25%
}

.offset-7 {
  margin-left: 29.16667%
}

.offset-8 {
  margin-left: 33.33333%
}

.offset-9 {
  margin-left: 37.5%
}

.offset-10 {
  margin-left: 41.66667%
}

.offset-11 {
  margin-left: 45.83333%
}

.offset-12 {
  margin-left: 50%
}

.offset-13 {
  margin-left: 54.16667%
}

.offset-14 {
  margin-left: 58.33333%
}

.offset-15 {
  margin-left: 62.5%
}

.offset-16 {
  margin-left: 66.66667%
}

.offset-17 {
  margin-left: 70.83333%
}

.offset-18 {
  margin-left: 75%
}

.offset-19 {
  margin-left: 79.16667%
}

.offset-20 {
  margin-left: 83.33333%
}

.offset-21 {
  margin-left: 87.5%
}

.offset-22 {
  margin-left: 91.66667%
}

.offset-23 {
  margin-left: 95.83333%
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-sm-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
  }

  .col-sm-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .col-sm-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .col-sm-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-sm-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
  }

  .col-sm-6 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
  }

  .col-sm-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-sm-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .col-sm-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-sm-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
  }

  .col-sm-12 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
  }

  .col-sm-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-sm-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .col-sm-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-sm-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
  }

  .col-sm-18 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
  }

  .col-sm-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .col-sm-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .col-sm-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .col-sm-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
  }

  .col-sm-24 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    order: -1
  }

  .order-sm-last {
    order: 25
  }

  .order-sm-0 {
    order: 0
  }

  .order-sm-1 {
    order: 1
  }

  .order-sm-2 {
    order: 2
  }

  .order-sm-3 {
    order: 3
  }

  .order-sm-4 {
    order: 4
  }

  .order-sm-5 {
    order: 5
  }

  .order-sm-6 {
    order: 6
  }

  .order-sm-7 {
    order: 7
  }

  .order-sm-8 {
    order: 8
  }

  .order-sm-9 {
    order: 9
  }

  .order-sm-10 {
    order: 10
  }

  .order-sm-11 {
    order: 11
  }

  .order-sm-12 {
    order: 12
  }

  .order-sm-13 {
    order: 13
  }

  .order-sm-14 {
    order: 14
  }

  .order-sm-15 {
    order: 15
  }

  .order-sm-16 {
    order: 16
  }

  .order-sm-17 {
    order: 17
  }

  .order-sm-18 {
    order: 18
  }

  .order-sm-19 {
    order: 19
  }

  .order-sm-20 {
    order: 20
  }

  .order-sm-21 {
    order: 21
  }

  .order-sm-22 {
    order: 22
  }

  .order-sm-23 {
    order: 23
  }

  .order-sm-24 {
    order: 24
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 4.16667%
  }

  .offset-sm-2 {
    margin-left: 8.33333%
  }

  .offset-sm-3 {
    margin-left: 12.5%
  }

  .offset-sm-4 {
    margin-left: 16.66667%
  }

  .offset-sm-5 {
    margin-left: 20.83333%
  }

  .offset-sm-6 {
    margin-left: 25%
  }

  .offset-sm-7 {
    margin-left: 29.16667%
  }

  .offset-sm-8 {
    margin-left: 33.33333%
  }

  .offset-sm-9 {
    margin-left: 37.5%
  }

  .offset-sm-10 {
    margin-left: 41.66667%
  }

  .offset-sm-11 {
    margin-left: 45.83333%
  }

  .offset-sm-12 {
    margin-left: 50%
  }

  .offset-sm-13 {
    margin-left: 54.16667%
  }

  .offset-sm-14 {
    margin-left: 58.33333%
  }

  .offset-sm-15 {
    margin-left: 62.5%
  }

  .offset-sm-16 {
    margin-left: 66.66667%
  }

  .offset-sm-17 {
    margin-left: 70.83333%
  }

  .offset-sm-18 {
    margin-left: 75%
  }

  .offset-sm-19 {
    margin-left: 79.16667%
  }

  .offset-sm-20 {
    margin-left: 83.33333%
  }

  .offset-sm-21 {
    margin-left: 87.5%
  }

  .offset-sm-22 {
    margin-left: 91.66667%
  }

  .offset-sm-23 {
    margin-left: 95.83333%
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
  }

  .col-md-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .col-md-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .col-md-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-md-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
  }

  .col-md-6 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
  }

  .col-md-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-md-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .col-md-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-md-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
  }

  .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
  }

  .col-md-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-md-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .col-md-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-md-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
  }

  .col-md-18 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
  }

  .col-md-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .col-md-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .col-md-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .col-md-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
  }

  .col-md-24 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    order: -1
  }

  .order-md-last {
    order: 25
  }

  .order-md-0 {
    order: 0
  }

  .order-md-1 {
    order: 1
  }

  .order-md-2 {
    order: 2
  }

  .order-md-3 {
    order: 3
  }

  .order-md-4 {
    order: 4
  }

  .order-md-5 {
    order: 5
  }

  .order-md-6 {
    order: 6
  }

  .order-md-7 {
    order: 7
  }

  .order-md-8 {
    order: 8
  }

  .order-md-9 {
    order: 9
  }

  .order-md-10 {
    order: 10
  }

  .order-md-11 {
    order: 11
  }

  .order-md-12 {
    order: 12
  }

  .order-md-13 {
    order: 13
  }

  .order-md-14 {
    order: 14
  }

  .order-md-15 {
    order: 15
  }

  .order-md-16 {
    order: 16
  }

  .order-md-17 {
    order: 17
  }

  .order-md-18 {
    order: 18
  }

  .order-md-19 {
    order: 19
  }

  .order-md-20 {
    order: 20
  }

  .order-md-21 {
    order: 21
  }

  .order-md-22 {
    order: 22
  }

  .order-md-23 {
    order: 23
  }

  .order-md-24 {
    order: 24
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 4.16667%
  }

  .offset-md-2 {
    margin-left: 8.33333%
  }

  .offset-md-3 {
    margin-left: 12.5%
  }

  .offset-md-4 {
    margin-left: 16.66667%
  }

  .offset-md-5 {
    margin-left: 20.83333%
  }

  .offset-md-6 {
    margin-left: 25%
  }

  .offset-md-7 {
    margin-left: 29.16667%
  }

  .offset-md-8 {
    margin-left: 33.33333%
  }

  .offset-md-9 {
    margin-left: 37.5%
  }

  .offset-md-10 {
    margin-left: 41.66667%
  }

  .offset-md-11 {
    margin-left: 45.83333%
  }

  .offset-md-12 {
    margin-left: 50%
  }

  .offset-md-13 {
    margin-left: 54.16667%
  }

  .offset-md-14 {
    margin-left: 58.33333%
  }

  .offset-md-15 {
    margin-left: 62.5%
  }

  .offset-md-16 {
    margin-left: 66.66667%
  }

  .offset-md-17 {
    margin-left: 70.83333%
  }

  .offset-md-18 {
    margin-left: 75%
  }

  .offset-md-19 {
    margin-left: 79.16667%
  }

  .offset-md-20 {
    margin-left: 83.33333%
  }

  .offset-md-21 {
    margin-left: 87.5%
  }

  .offset-md-22 {
    margin-left: 91.66667%
  }

  .offset-md-23 {
    margin-left: 95.83333%
  }
}

@media (min-width: 1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-lg-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
  }

  .col-lg-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .col-lg-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .col-lg-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-lg-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
  }

  .col-lg-6 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
  }

  .col-lg-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-lg-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .col-lg-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-lg-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
  }

  .col-lg-12 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
  }

  .col-lg-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-lg-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .col-lg-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-lg-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
  }

  .col-lg-18 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
  }

  .col-lg-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .col-lg-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .col-lg-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .col-lg-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
  }

  .col-lg-24 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    order: -1
  }

  .order-lg-last {
    order: 25
  }

  .order-lg-0 {
    order: 0
  }

  .order-lg-1 {
    order: 1
  }

  .order-lg-2 {
    order: 2
  }

  .order-lg-3 {
    order: 3
  }

  .order-lg-4 {
    order: 4
  }

  .order-lg-5 {
    order: 5
  }

  .order-lg-6 {
    order: 6
  }

  .order-lg-7 {
    order: 7
  }

  .order-lg-8 {
    order: 8
  }

  .order-lg-9 {
    order: 9
  }

  .order-lg-10 {
    order: 10
  }

  .order-lg-11 {
    order: 11
  }

  .order-lg-12 {
    order: 12
  }

  .order-lg-13 {
    order: 13
  }

  .order-lg-14 {
    order: 14
  }

  .order-lg-15 {
    order: 15
  }

  .order-lg-16 {
    order: 16
  }

  .order-lg-17 {
    order: 17
  }

  .order-lg-18 {
    order: 18
  }

  .order-lg-19 {
    order: 19
  }

  .order-lg-20 {
    order: 20
  }

  .order-lg-21 {
    order: 21
  }

  .order-lg-22 {
    order: 22
  }

  .order-lg-23 {
    order: 23
  }

  .order-lg-24 {
    order: 24
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 4.16667%
  }

  .offset-lg-2 {
    margin-left: 8.33333%
  }

  .offset-lg-3 {
    margin-left: 12.5%
  }

  .offset-lg-4 {
    margin-left: 16.66667%
  }

  .offset-lg-5 {
    margin-left: 20.83333%
  }

  .offset-lg-6 {
    margin-left: 25%
  }

  .offset-lg-7 {
    margin-left: 29.16667%
  }

  .offset-lg-8 {
    margin-left: 33.33333%
  }

  .offset-lg-9 {
    margin-left: 37.5%
  }

  .offset-lg-10 {
    margin-left: 41.66667%
  }

  .offset-lg-11 {
    margin-left: 45.83333%
  }

  .offset-lg-12 {
    margin-left: 50%
  }

  .offset-lg-13 {
    margin-left: 54.16667%
  }

  .offset-lg-14 {
    margin-left: 58.33333%
  }

  .offset-lg-15 {
    margin-left: 62.5%
  }

  .offset-lg-16 {
    margin-left: 66.66667%
  }

  .offset-lg-17 {
    margin-left: 70.83333%
  }

  .offset-lg-18 {
    margin-left: 75%
  }

  .offset-lg-19 {
    margin-left: 79.16667%
  }

  .offset-lg-20 {
    margin-left: 83.33333%
  }

  .offset-lg-21 {
    margin-left: 87.5%
  }

  .offset-lg-22 {
    margin-left: 91.66667%
  }

  .offset-lg-23 {
    margin-left: 95.83333%
  }
}

@media (min-width: 1920px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-xl-1 {
    flex: 0 0 4.16667%;
    max-width: 4.16667%
  }

  .col-xl-2 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .col-xl-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .col-xl-4 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-xl-5 {
    flex: 0 0 20.83333%;
    max-width: 20.83333%
  }

  .col-xl-6 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-7 {
    flex: 0 0 29.16667%;
    max-width: 29.16667%
  }

  .col-xl-8 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-xl-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
  }

  .col-xl-10 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-xl-11 {
    flex: 0 0 45.83333%;
    max-width: 45.83333%
  }

  .col-xl-12 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-13 {
    flex: 0 0 54.16667%;
    max-width: 54.16667%
  }

  .col-xl-14 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-xl-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
  }

  .col-xl-16 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-xl-17 {
    flex: 0 0 70.83333%;
    max-width: 70.83333%
  }

  .col-xl-18 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-19 {
    flex: 0 0 79.16667%;
    max-width: 79.16667%
  }

  .col-xl-20 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .col-xl-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
  }

  .col-xl-22 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }

  .col-xl-23 {
    flex: 0 0 95.83333%;
    max-width: 95.83333%
  }

  .col-xl-24 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    order: -1
  }

  .order-xl-last {
    order: 25
  }

  .order-xl-0 {
    order: 0
  }

  .order-xl-1 {
    order: 1
  }

  .order-xl-2 {
    order: 2
  }

  .order-xl-3 {
    order: 3
  }

  .order-xl-4 {
    order: 4
  }

  .order-xl-5 {
    order: 5
  }

  .order-xl-6 {
    order: 6
  }

  .order-xl-7 {
    order: 7
  }

  .order-xl-8 {
    order: 8
  }

  .order-xl-9 {
    order: 9
  }

  .order-xl-10 {
    order: 10
  }

  .order-xl-11 {
    order: 11
  }

  .order-xl-12 {
    order: 12
  }

  .order-xl-13 {
    order: 13
  }

  .order-xl-14 {
    order: 14
  }

  .order-xl-15 {
    order: 15
  }

  .order-xl-16 {
    order: 16
  }

  .order-xl-17 {
    order: 17
  }

  .order-xl-18 {
    order: 18
  }

  .order-xl-19 {
    order: 19
  }

  .order-xl-20 {
    order: 20
  }

  .order-xl-21 {
    order: 21
  }

  .order-xl-22 {
    order: 22
  }

  .order-xl-23 {
    order: 23
  }

  .order-xl-24 {
    order: 24
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 4.16667%
  }

  .offset-xl-2 {
    margin-left: 8.33333%
  }

  .offset-xl-3 {
    margin-left: 12.5%
  }

  .offset-xl-4 {
    margin-left: 16.66667%
  }

  .offset-xl-5 {
    margin-left: 20.83333%
  }

  .offset-xl-6 {
    margin-left: 25%
  }

  .offset-xl-7 {
    margin-left: 29.16667%
  }

  .offset-xl-8 {
    margin-left: 33.33333%
  }

  .offset-xl-9 {
    margin-left: 37.5%
  }

  .offset-xl-10 {
    margin-left: 41.66667%
  }

  .offset-xl-11 {
    margin-left: 45.83333%
  }

  .offset-xl-12 {
    margin-left: 50%
  }

  .offset-xl-13 {
    margin-left: 54.16667%
  }

  .offset-xl-14 {
    margin-left: 58.33333%
  }

  .offset-xl-15 {
    margin-left: 62.5%
  }

  .offset-xl-16 {
    margin-left: 66.66667%
  }

  .offset-xl-17 {
    margin-left: 70.83333%
  }

  .offset-xl-18 {
    margin-left: 75%
  }

  .offset-xl-19 {
    margin-left: 79.16667%
  }

  .offset-xl-20 {
    margin-left: 83.33333%
  }

  .offset-xl-21 {
    margin-left: 87.5%
  }

  .offset-xl-22 {
    margin-left: 91.66667%
  }

  .offset-xl-23 {
    margin-left: 95.83333%
  }
}

*, ::after, ::before {
  box-sizing: border-box
}

.row {
  margin-right: -8px;
  margin-left: -8px
}

.col, [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px
}

@media (min-width: 768px) {
  .row {
    margin-right: -12px;
    margin-left: -12px
  }

  .col, [class*="col-"] {
    padding-right: 12px;
    padding-left: 12px
  }
}

.container-fluid {
  display: flex;
  justify-content: center;
  height: 100%;
}

body, .cds-text-1 {
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: .5px;
  font-family: Roboto, arial
}

.cds-text-2 {
  font-size: 1.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

h1, .cds-headline-1 {
  font-size: 3.2rem;
  font-weight: normal;
  font-style: normal;
  line-height: 4rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

h2, .cds-headline-2 {
  font-size: 2.4rem;
  font-weight: normal;
  font-style: normal;
  line-height: 3.2rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

h3, .cds-headline-3 {
  font-size: 1.8rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2.1rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

h4, .cds-headline-4 {
  font-size: 1.6rem;
  font-weight: 600;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

.cds-subtitle-1 {
  font-size: 1.6rem;
  font-weight: normal;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

.cds-subtitle-2 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #2e2e2e;
  font-family: Roboto, arial
}

.cds-subtitle-3 {
  font-size: 1.4rem;
  font-weight: 700;
  font-style: normal;
  line-height: 2rem;
  letter-spacing: 0;
  font-family: Roboto, arial
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0;
  height: 100vh;
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

@font-face {
  font-family: cds-icons-1579610598805;
  src: url("../font/cds-icons/cds-icons-1579610598805.eot");
  src: url("../font/cds-icons/cds-icons-1579610598805.eot?#iefix") format("embedded-opentype"), url("../font/cds-icons/cds-icons-1579610598805.woff2") format("woff2"), url("../font/cds-icons/cds-icons-1579610598805.woff") format("woff"), url("../font/cds-icons/cds-icons-1579610598805.ttf") format("truetype"), url("../font/cds-icons/cds-icons-1579610598805.svg#cds-icons-1579610598805") format("svg");
  font-style: normal;
  font-weight: 400
}

.cds-icon-angle-down, .cds-icon-angle-left, .cds-icon-angle-right, .cds-icon-angle-up, .cds-icon-arrow-down, .cds-icon-arrow-up, .cds-icon-calendar, .cds-icon-caret-down, .cds-icon-caret-up, .cds-icon-close, .cds-icon-close-big, .cds-icon-double-angle-left, .cds-icon-double-angle-right, .cds-icon-exclamation-circle, .cds-icon-info-circle, .cds-icon-info-circle-fill, .cds-icon-more, .cds-icon-search, .cds-icon-sort-asc, .cds-icon-sort-desc, .cds-icon-status-danger, .cds-icon-status-info, .cds-icon-status-success, .cds-icon-status-warning, .cds-icon-tick-circle {
  display: inline-block;
  letter-spacing: 0;
  font-family: cds-icons-1579610598805;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  line-height: 1;
  speak: none;
  text-rendering: auto;
  text-decoration: inherit;
  text-transform: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.cds-icon-angle-down::before {
  content: "\ea01"
}

.cds-icon-angle-left::before {
  content: "\ea02"
}

.cds-icon-angle-right::before {
  content: "\ea03"
}

.cds-icon-angle-up::before {
  content: "\ea04"
}

.cds-icon-arrow-down::before {
  content: "\ea05"
}

.cds-icon-arrow-up::before {
  content: "\ea06"
}

.cds-icon-calendar::before {
  content: "\ea07"
}

.cds-icon-caret-down::before {
  content: "\ea08"
}

.cds-icon-caret-up::before {
  content: "\ea09"
}

.cds-icon-close::before {
  content: "\ea0a"
}

.cds-icon-close-big::before {
  content: "\ea0b"
}

.cds-icon-double-angle-left::before {
  content: "\ea0c"
}

.cds-icon-double-angle-right::before {
  content: "\ea0d"
}

.cds-icon-exclamation-circle::before {
  content: "\ea0e"
}

.cds-icon-info-circle::before {
  content: "\ea0f"
}

.cds-icon-info-circle-fill::before {
  content: "\ea10"
}

.cds-icon-more::before {
  content: "\ea11"
}

.cds-icon-search::before {
  content: "\ea12"
}

.cds-icon-sort-asc::before {
  content: "\ea13"
}

.cds-icon-sort-desc::before {
  content: "\ea14"
}

.cds-icon-status-danger::before {
  content: "\ea15"
}

.cds-icon-status-info::before {
  content: "\ea16"
}

.cds-icon-status-success::before {
  content: "\ea17"
}

.cds-icon-status-warning::before {
  content: "\ea18"
}

.cds-icon-tick-circle::before {
  content: "\ea19"
}

.cds-icon--size-16 {
  font-size: 16px !important
}

.cds-icon--size-24 {
  font-size: 24px !important
}

.cds-icon--size-32 {
  font-size: 32px !important
}

.cds-icon--size-40 {
  font-size: 40px !important
}

.cds-icon--size-2x {
  font-size: 2em !important
}

.cds-icon--size-3x {
  font-size: 3em !important
}

.cds-icon--size-4x {
  font-size: 4em !important
}

.cds-icon--size-5x {
  font-size: 5em !important
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: normal
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 700
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 900
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 200
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-LightItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 200
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500
}

@font-face {
  font-family: 'Roboto';
  src: url("../font/roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 600
}

.alert {
  margin: 15px 0;
  font-size: 1.2rem;
  font-weight: 600
}

.alert.alert--error {
  color: #da2442
}

.cds-checkbox {
  font-size: 1.4rem
}

.checkbox-container {
  margin-bottom: 18px
}

cds-input {
  width: 100%
}

.input-container {
  margin-top: 20px;
}

a {
  text-decoration: none
}

.link {
  font-size: inherit;
  font-weight: 500;
  color: #4a5de2
}

@media (min-width: 1400px) {
  .login-page {
    display: flex;
    justify-content: flex-start;
    background-image: url(../img/background.jpg);
    background-repeat: no-repeat;
    height: 100%;
  }

  .container-fluid {
    margin-left: 5vw;
  }

}

@media (min-height: 800px) {

  .container-fluid {
    align-items: center;
  }

  .template_container header {
    position: absolute;
    top: 64px;
  }

  #backToFSM {
    position: absolute;
    top: 114px;
  }
}

@media (max-height: 800px) {
  .container-fluid {
    margin-top: 24px;
  }

}

.template_container {
  width: 320px;
}

@media (max-width: 1400px) and (min-height: 650px) {

  .login-page {
    height: 100%;
    margin: 0;
    padding: 0;
  }

  .justify-content-center {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .login-page {
    background-size: 80%;
    background-position: right
  }
}

@media (min-width: 1280px) {
  .login-page {
    background-size: contain;
  }
}

.card {
  width: 456px;
  background-color: #ffffff;
  padding: 32px 32px 40px;
  animation: 600ms ease-out show-card
}

.card .card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.card .card__footer.card__footer--end {
  justify-content: flex-end
}

.header {
  display: flex;
  flex-direction: column
}

.header .header__top-wrapper {
  display: flex;
  justify-content: space-between;
  width: 320px;
}

.header .header__company {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.tenant__logo {
  max-width: 150px;
  max-height: 45px;
}

.header .header__logo {
  width: 105px
}

.header .header__logo-caption {
  margin: 8px 0 0
}

.header .header__title {
  margin: 16px 0 0;
  color: #4a4a4a
}

.form-wrapper__form .form-title {
  margin: 0 0 16px
}

.form-wrapper__form {
  width: 320px;
}

.registration {
  margin-top: 32px
}

.social-list {
  list-style: none
}

@keyframes show-card {
  0% {
    opacity: 0
  }
  30% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.cds-ripple {
  position: relative;
  z-index: 0
}

.cds-ripple::after {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  background: rgba(243, 243, 243, 0.2);
  top: 50%;
  left: 50%;
  top: var(--cds-ripple-offset-y, 50%);
  left: var(--cds-ripple-offset-x, 50%);
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  transition: 0s;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

.cds-ripple.cds-ripple--bounded {
  overflow: hidden
}

.cds-ripple.cds-ripple--active::after {
  opacity: 0;
  transform: scale(1);
  transition: transform .3s linear, opacity .8s linear
}

.cds-ripple.cds-ripple--active.cds-ripple--fade::after {
  transition: transform .3s linear, opacity .3s linear
}

.cds-ripple.cds-ripple--active.cds-ripple--fade-delay::after {
  transition: transform .3s linear, opacity .5s linear 0.3s
}

.cds-ripple.cds-ripple--active.cds-ripple--toggle-fade-delay::after {
  transition: transform .15s linear, opacity .3s linear 0.15s
}

.cds-zero-width-space::before {
  content: "\200B";
  letter-spacing: 0
}

.cds-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important
}

.cds-toggle-button .toggle-wrapper {
  height: calc(20px + 2rem);
  line-height: 2rem;
  font-size: 1.4rem;
  box-sizing: border-box;
  padding: 0 11px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid
}

.cds-toggle-button .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0)
}

.cds-toggle-button label {
  color: #2e2e2e
}

.cds-toggle-button:hover .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-color: #4a5de2
}

.cds-toggle-button:hover label {
  color: #2e2e2e
}

.cds-toggle-button.disabled .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0)
}

.cds-toggle-button.disabled label {
  color: #959595
}

.cds-toggle-button.checked .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0)
}

.cds-toggle-button.checked label {
  color: #2e2e2e
}

.cds-toggle-button.checked:hover .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-color: #4a5de2
}

.cds-toggle-button.checked:hover label {
  color: #2e2e2e
}

.cds-toggle-button.checked.disabled .toggle-wrapper {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-color: rgba(0, 0, 0, 0)
}

.cds-toggle-button.checked.disabled label {
  color: #959595
}

[cdsButton] {
  overflow: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 0;
  margin: 0;
  outline: 0;
  cursor: pointer;
  user-select: none;
  font-size: 1.6rem;
  font-weight: 500;
  text-transform: none;
  transition: background .2s linear
}

[cdsButton]::before {
  content: "\200B";
  letter-spacing: 0
}

[cdsButton] [class^="cds-icon-"], [cdsButton] [class*=" cds-icon-"], [cdsButton] .cds-icon {
  font-size: 2.4rem
}

[cdsButton] svg {
  fill: currentColor
}

[cdsButton]:disabled, [cdsButton].disabled {
  cursor: default;
  pointer-events: none
}

[cdsButton].cds-button-primary {
  border-style: none
}

[cdsButton].cds-button-primary:disabled, [cdsButton].cds-button-primary.disabled {
  color: #959595;
  background: #f3f3f3
}

[cdsButton].cds-button-primary {
  color: #ffffff;
  background: #4a5de2
}

[cdsButton].cds-button-primary:hover {
  background: #3949bb
}

:root.js-focus-visible [cdsButton].cds-button-primary.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-primary:focus {
  background: #283593
}

[cdsButton].cds-button-primary.cds-ripple::after {
  background: #283593;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-primary {
  min-height: calc(16px + 2.4rem);
  border-width: 0;
  padding: 0 32px;
  border-radius: calc(8px + 1.2rem)
}

[cdsButton].cds-button-primary::before {
  min-height: calc(16px + 2.4rem);
  line-height: calc(16px + 2.4rem)
}

[cdsButton].cds-button-primary.cds-button--with-left-icon {
  padding-left: 12px;
  padding-right: 24px
}

[cdsButton].cds-button-primary.cds-button--with-right-icon {
  padding-right: 12px;
  padding-left: 24px
}

[cdsButton].cds-button-primary.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 12px
}

[cdsButton].cds-button-primary.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(16px + 2.4rem)
}

[cdsButton].cds-button-primary.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-primary.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-primary.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-primary.cds-button-small {
  min-height: calc(8px + 2.4rem);
  border-width: 0;
  padding: 0 16px;
  border-radius: calc(4px + 1.2rem)
}

[cdsButton].cds-button-primary.cds-button-small::before {
  min-height: calc(8px + 2.4rem);
  line-height: calc(8px + 2.4rem)
}

[cdsButton].cds-button-primary.cds-button-small.cds-button--with-left-icon {
  padding-left: 8px;
  padding-right: 16px
}

[cdsButton].cds-button-primary.cds-button-small.cds-button--with-right-icon {
  padding-right: 8px;
  padding-left: 16px
}

[cdsButton].cds-button-primary.cds-button-small.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 8px
}

[cdsButton].cds-button-primary.cds-button-small.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(8px + 2.4rem)
}

[cdsButton].cds-button-primary.cds-button-small.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-primary.cds-button-small.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-primary.cds-button-small.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-secondary {
  border-style: solid
}

[cdsButton].cds-button-secondary:disabled, [cdsButton].cds-button-secondary.disabled {
  color: #959595;
  border-color: #959595
}

[cdsButton].cds-button-secondary {
  color: #4a5de2;
  border-color: #4a5de2;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-secondary:hover {
  color: #3949bb;
  border-color: #3949bb;
  background: rgba(227, 227, 250, 0.5)
}

:root.js-focus-visible [cdsButton].cds-button-secondary.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-secondary:focus {
  color: #3949bb;
  border-color: #3949bb;
  background: #e3e3fa
}

[cdsButton].cds-button-secondary.cds-ripple::after {
  background: #e3e3fa;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-secondary {
  min-height: calc(16px + 2.4rem);
  border-width: 2px;
  padding: 0 30px;
  border-radius: calc(8px + 1.2rem)
}

[cdsButton].cds-button-secondary::before {
  min-height: calc(12px + 2.4rem);
  line-height: calc(12px + 2.4rem)
}

[cdsButton].cds-button-secondary.cds-button--with-left-icon {
  padding-left: 10px;
  padding-right: 22px
}

[cdsButton].cds-button-secondary.cds-button--with-right-icon {
  padding-right: 10px;
  padding-left: 22px
}

[cdsButton].cds-button-secondary.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 10px
}

[cdsButton].cds-button-secondary.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(16px + 2.4rem)
}

[cdsButton].cds-button-secondary.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-secondary.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-secondary.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-secondary.cds-button-small {
  min-height: calc(8px + 2.4rem);
  border-width: 1px;
  padding: 0 15px;
  border-radius: calc(4px + 1.2rem)
}

[cdsButton].cds-button-secondary.cds-button-small::before {
  min-height: calc(6px + 2.4rem);
  line-height: calc(6px + 2.4rem)
}

[cdsButton].cds-button-secondary.cds-button-small.cds-button--with-left-icon {
  padding-left: 7px;
  padding-right: 15px
}

[cdsButton].cds-button-secondary.cds-button-small.cds-button--with-right-icon {
  padding-right: 7px;
  padding-left: 15px
}

[cdsButton].cds-button-secondary.cds-button-small.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 7px
}

[cdsButton].cds-button-secondary.cds-button-small.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(8px + 2.4rem)
}

[cdsButton].cds-button-secondary.cds-button-small.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-secondary.cds-button-small.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-secondary.cds-button-small.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-danger {
  border-style: none
}

[cdsButton].cds-button-danger:disabled, [cdsButton].cds-button-danger.disabled {
  color: #959595;
  background: #f3f3f3
}

[cdsButton].cds-button-danger {
  color: #ffffff;
  background: #da2442
}

[cdsButton].cds-button-danger:hover {
  background: #cc1734
}

:root.js-focus-visible [cdsButton].cds-button-danger.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-danger:focus {
  background: #bb0e29
}

[cdsButton].cds-button-danger.cds-ripple::after {
  background: #bb0e29;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-danger {
  min-height: calc(16px + 2.4rem);
  border-width: 0;
  padding: 0 32px;
  border-radius: calc(8px + 1.2rem)
}

[cdsButton].cds-button-danger::before {
  min-height: calc(16px + 2.4rem);
  line-height: calc(16px + 2.4rem)
}

[cdsButton].cds-button-danger.cds-button--with-left-icon {
  padding-left: 12px;
  padding-right: 24px
}

[cdsButton].cds-button-danger.cds-button--with-right-icon {
  padding-right: 12px;
  padding-left: 24px
}

[cdsButton].cds-button-danger.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 12px
}

[cdsButton].cds-button-danger.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(16px + 2.4rem)
}

[cdsButton].cds-button-danger.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-danger.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-danger.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-danger.cds-button-small {
  min-height: calc(8px + 2.4rem);
  border-width: 0;
  padding: 0 16px;
  border-radius: calc(4px + 1.2rem)
}

[cdsButton].cds-button-danger.cds-button-small::before {
  min-height: calc(8px + 2.4rem);
  line-height: calc(8px + 2.4rem)
}

[cdsButton].cds-button-danger.cds-button-small.cds-button--with-left-icon {
  padding-left: 8px;
  padding-right: 16px
}

[cdsButton].cds-button-danger.cds-button-small.cds-button--with-right-icon {
  padding-right: 8px;
  padding-left: 16px
}

[cdsButton].cds-button-danger.cds-button-small.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 8px
}

[cdsButton].cds-button-danger.cds-button-small.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(8px + 2.4rem)
}

[cdsButton].cds-button-danger.cds-button-small.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-danger.cds-button-small.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-danger.cds-button-small.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-text {
  border-style: none
}

[cdsButton].cds-button-text:disabled, [cdsButton].cds-button-text.disabled {
  color: #959595;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-text {
  color: #4a5de2;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-text:hover {
  color: #3949bb;
  background: rgba(227, 227, 250, 0.5)
}

:root.js-focus-visible [cdsButton].cds-button-text.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-text:focus {
  color: #3949bb;
  background: #e3e3fa
}

[cdsButton].cds-button-text.cds-ripple::after {
  background: #e3e3fa;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-text.cds-button-text, [cdsButton].cds-button-text.cds-button-text-dark {
  min-height: calc(0px + 2.4rem);
  border-width: 0;
  padding: 0 4px;
  border-radius: calc(0px + 1.2rem)
}

[cdsButton].cds-button-text.cds-button-text::before, [cdsButton].cds-button-text.cds-button-text-dark::before {
  min-height: calc(0px + 2.4rem);
  line-height: calc(0px + 2.4rem)
}

[cdsButton].cds-button-text.cds-button-text.cds-button--with-left-icon, [cdsButton].cds-button-text.cds-button-text-dark.cds-button--with-left-icon {
  padding-left: 4px;
  padding-right: 4px
}

[cdsButton].cds-button-text.cds-button-text.cds-button--with-right-icon, [cdsButton].cds-button-text.cds-button-text-dark.cds-button--with-right-icon {
  padding-right: 4px;
  padding-left: 4px
}

[cdsButton].cds-button-text.cds-button-text.cds-button--with-right-icon.cds-button--with-left-icon, [cdsButton].cds-button-text.cds-button-text-dark.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 4px
}

[cdsButton].cds-button-text.cds-button-text.cds-button-round:not(.cds-not-important), [cdsButton].cds-button-text.cds-button-text-dark.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(0px + 2.4rem)
}

[cdsButton].cds-button-text.cds-button-text.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-text.cds-button-text.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-text.cds-button-text.cds-button-round:not(.cds-not-important) .cds-icon, [cdsButton].cds-button-text.cds-button-text-dark.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-text.cds-button-text-dark.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-text.cds-button-text-dark.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-text-dark {
  border-style: none
}

[cdsButton].cds-button-text-dark:disabled, [cdsButton].cds-button-text-dark.disabled {
  color: #959595;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-text-dark {
  color: #ffffff;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-text-dark:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.15)
}

:root.js-focus-visible [cdsButton].cds-button-text-dark.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-text-dark:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.25)
}

[cdsButton].cds-button-text-dark.cds-ripple::after {
  background: rgba(255, 255, 255, 0.25);
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-text-dark.cds-button-text, [cdsButton].cds-button-text-dark.cds-button-text-dark {
  min-height: calc(0px + 2.4rem);
  border-width: 0;
  padding: 0 4px;
  border-radius: calc(0px + 1.2rem)
}

[cdsButton].cds-button-text-dark.cds-button-text::before, [cdsButton].cds-button-text-dark.cds-button-text-dark::before {
  min-height: calc(0px + 2.4rem);
  line-height: calc(0px + 2.4rem)
}

[cdsButton].cds-button-text-dark.cds-button-text.cds-button--with-left-icon, [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button--with-left-icon {
  padding-left: 4px;
  padding-right: 4px
}

[cdsButton].cds-button-text-dark.cds-button-text.cds-button--with-right-icon, [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button--with-right-icon {
  padding-right: 4px;
  padding-left: 4px
}

[cdsButton].cds-button-text-dark.cds-button-text.cds-button--with-right-icon.cds-button--with-left-icon, [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 4px
}

[cdsButton].cds-button-text-dark.cds-button-text.cds-button-round:not(.cds-not-important), [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button-round:not(.cds-not-important) {
  padding: 0;
  width: calc(0px + 2.4rem)
}

[cdsButton].cds-button-text-dark.cds-button-text.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-text-dark.cds-button-text.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-text-dark.cds-button-text.cds-button-round:not(.cds-not-important) .cds-icon, [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button-round:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button-round:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-text-dark.cds-button-text-dark.cds-button-round:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-icon {
  border-style: none
}

[cdsButton].cds-button-icon:disabled, [cdsButton].cds-button-icon.disabled {
  color: #767676;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-icon {
  color: #4a5de2;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-icon:hover {
  color: #4a5de2;
  background: rgba(227, 227, 250, 0.5)
}

:root.js-focus-visible [cdsButton].cds-button-icon.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-icon:focus {
  color: #4a5de2;
  background: #e3e3fa
}

[cdsButton].cds-button-icon.cds-ripple::after {
  background: #e3e3fa;
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-icon {
  min-height: calc(16px + 2.4rem);
  border-width: 0;
  padding: 0 32px;
  border-radius: calc(8px + 1.2rem)
}

[cdsButton].cds-button-icon::before {
  min-height: calc(16px + 2.4rem);
  line-height: calc(16px + 2.4rem)
}

[cdsButton].cds-button-icon.cds-button--with-left-icon {
  padding-left: 12px;
  padding-right: 24px
}

[cdsButton].cds-button-icon.cds-button--with-right-icon {
  padding-right: 12px;
  padding-left: 24px
}

[cdsButton].cds-button-icon.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 12px
}

[cdsButton].cds-button-icon:not(.cds-not-important) {
  padding: 0;
  width: calc(16px + 2.4rem)
}

[cdsButton].cds-button-icon:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-icon:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-icon:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-icon.cds-button-small {
  min-height: calc(8px + 2.4rem);
  border-width: 0;
  padding: 0 16px;
  border-radius: calc(4px + 1.2rem)
}

[cdsButton].cds-button-icon.cds-button-small::before {
  min-height: calc(8px + 2.4rem);
  line-height: calc(8px + 2.4rem)
}

[cdsButton].cds-button-icon.cds-button-small.cds-button--with-left-icon {
  padding-left: 8px;
  padding-right: 16px
}

[cdsButton].cds-button-icon.cds-button-small.cds-button--with-right-icon {
  padding-right: 8px;
  padding-left: 16px
}

[cdsButton].cds-button-icon.cds-button-small.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 8px
}

[cdsButton].cds-button-icon.cds-button-small:not(.cds-not-important) {
  padding: 0;
  width: calc(8px + 2.4rem)
}

[cdsButton].cds-button-icon.cds-button-small:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-icon.cds-button-small:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-icon.cds-button-small:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-icon-dark {
  border-style: none
}

[cdsButton].cds-button-icon-dark:disabled, [cdsButton].cds-button-icon-dark.disabled {
  color: #959595;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-icon-dark {
  color: #ffffff;
  background: rgba(0, 0, 0, 0)
}

[cdsButton].cds-button-icon-dark:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.15)
}

:root.js-focus-visible [cdsButton].cds-button-icon-dark.focus-visible, :root:not(.js-focus-visible) [cdsButton].cds-button-icon-dark:focus {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.25)
}

[cdsButton].cds-button-icon-dark.cds-ripple::after {
  background: rgba(255, 255, 255, 0.25);
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

[cdsButton].cds-button-icon-dark {
  min-height: calc(16px + 2.4rem);
  border-width: 0;
  padding: 0 32px;
  border-radius: calc(8px + 1.2rem)
}

[cdsButton].cds-button-icon-dark::before {
  min-height: calc(16px + 2.4rem);
  line-height: calc(16px + 2.4rem)
}

[cdsButton].cds-button-icon-dark.cds-button--with-left-icon {
  padding-left: 12px;
  padding-right: 24px
}

[cdsButton].cds-button-icon-dark.cds-button--with-right-icon {
  padding-right: 12px;
  padding-left: 24px
}

[cdsButton].cds-button-icon-dark.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 12px
}

[cdsButton].cds-button-icon-dark:not(.cds-not-important) {
  padding: 0;
  width: calc(16px + 2.4rem)
}

[cdsButton].cds-button-icon-dark:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-icon-dark:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-icon-dark:not(.cds-not-important) .cds-icon {
  margin: 0
}

[cdsButton].cds-button-icon-dark.cds-button-small {
  min-height: calc(8px + 2.4rem);
  border-width: 0;
  padding: 0 16px;
  border-radius: calc(4px + 1.2rem)
}

[cdsButton].cds-button-icon-dark.cds-button-small::before {
  min-height: calc(8px + 2.4rem);
  line-height: calc(8px + 2.4rem)
}

[cdsButton].cds-button-icon-dark.cds-button-small.cds-button--with-left-icon {
  padding-left: 8px;
  padding-right: 16px
}

[cdsButton].cds-button-icon-dark.cds-button-small.cds-button--with-right-icon {
  padding-right: 8px;
  padding-left: 16px
}

[cdsButton].cds-button-icon-dark.cds-button-small.cds-button--with-right-icon.cds-button--with-left-icon {
  padding-left: 8px
}

[cdsButton].cds-button-icon-dark.cds-button-small:not(.cds-not-important) {
  padding: 0;
  width: calc(8px + 2.4rem)
}

[cdsButton].cds-button-icon-dark.cds-button-small:not(.cds-not-important) [class^="cds-icon-"], [cdsButton].cds-button-icon-dark.cds-button-small:not(.cds-not-important) [class*=" cds-icon-"], [cdsButton].cds-button-icon-dark.cds-button-small:not(.cds-not-important) .cds-icon {
  margin: 0
}

cds-checkbox {
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  text-align: left
}

cds-checkbox .toggle-wrapper {
  box-sizing: border-box;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center
}

cds-checkbox .toggle-wrapper:focus {
  outline: 0
}

cds-checkbox label {
  color: inherit
}

cds-checkbox .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #767676
}

cds-checkbox .tick {
  stroke: #ffffff
}

cds-checkbox:focus label {
  color: inherit
}

cds-checkbox:focus .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #3949bb
}

cds-checkbox:focus .tick {
  stroke: #ffffff
}

cds-checkbox:active label {
  color: inherit
}

cds-checkbox:active .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #283593
}

cds-checkbox:active .tick {
  stroke: #ffffff
}

cds-checkbox:hover label {
  color: inherit
}

cds-checkbox:hover .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #3949bb
}

cds-checkbox:hover .tick {
  stroke: #ffffff
}

cds-checkbox.disabled label {
  color: #959595
}

cds-checkbox.disabled .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #959595
}

cds-checkbox.disabled .tick {
  stroke: #959595
}

cds-checkbox.checked label, cds-checkbox.cds-checkbox--indeterminate label {
  color: inherit
}

cds-checkbox.checked .checkbox__background, cds-checkbox.cds-checkbox--indeterminate .checkbox__background {
  background-color: #4a5de2;
  border: none
}

cds-checkbox.checked:hover label, cds-checkbox.cds-checkbox--indeterminate:hover label {
  color: inherit
}

cds-checkbox.checked:hover .checkbox__background, cds-checkbox.cds-checkbox--indeterminate:hover .checkbox__background {
  background-color: #3949bb;
  border: none
}

cds-checkbox.checked:focus label, cds-checkbox.cds-checkbox--indeterminate:focus label {
  color: inherit
}

cds-checkbox.checked:focus .checkbox__background, cds-checkbox.cds-checkbox--indeterminate:focus .checkbox__background {
  background-color: #3949bb
}

cds-checkbox.checked:active label, cds-checkbox.cds-checkbox--indeterminate:active label {
  color: inherit
}

cds-checkbox.checked:active .checkbox__background, cds-checkbox.cds-checkbox--indeterminate:active .checkbox__background {
  background-color: #283593
}

cds-checkbox.checked.disabled label, cds-checkbox.cds-checkbox--indeterminate.disabled label {
  color: #959595
}

cds-checkbox.checked.disabled .checkbox__background, cds-checkbox.cds-checkbox--indeterminate.disabled .checkbox__background {
  background-color: rgba(0, 0, 0, 0);
  border-color: #959595
}

cds-checkbox:focus {
  outline: 0
}

cds-checkbox.checked:focus {
  outline: 0
}

cds-checkbox.checked.disabled .checkbox__background, cds-checkbox.cds-checkbox--indeterminate.disabled .checkbox__background {
  border-style: solid;
  border-width: 1px;
  border-radius: 5px
}

cds-checkbox label {
  cursor: inherit;
  margin-left: 12px
}

cds-checkbox .checkbox__background {
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: top
}

cds-checkbox .checkbox {
  flex: 0 0 auto;
  box-sizing: border-box;
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block
}

cds-checkbox .tick {
  position: absolute;
  width: 100%;
  height: 100%;
  stroke-width: 1.68;
  stroke: #ffffff;
  transition: transform 0.15s ease-out;
  transform: scale(0)
}

cds-checkbox.checked .tick {
  transform: scale(1) rotate(0)
}

cds-checkbox.cds-checkbox--indeterminate .tick {
  transform: scale(1) rotate(180deg)
}

cds-checkbox.disabled .toggle-wrapper {
  cursor: default
}

cds-checkbox .cds-ripple.cds-ripple::after {
  background: #e3e3fa;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
  width: var(--cds-ripple-size, 28px);
  height: var(--cds-ripple-size, 28px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 28px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 28px))
}

cds-checkbox.disabled .cds-ripple.cds-ripple::after {
  background: rgba(149, 149, 149, 0.2);
  width: 28px;
  height: 28px;
  margin-left: -14px;
  margin-top: -14px;
  width: var(--cds-ripple-size, 28px);
  height: var(--cds-ripple-size, 28px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 28px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 28px))
}

cds-checkbox:focus .cds-ripple::after {
  opacity: 1;
  transform: scale(1);
  transition: 0s
}

.cds-chip {
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  box-sizing: content-box;
  border-radius: 3px;
  user-select: none;
  outline: 0;
  cursor: default;
  transition: background .2s linear;
  border-style: solid;
  border-width: 0
}

.cds-chip > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.cds-chip .cds-icon-close {
  margin-left: 5px;
  margin-right: -6px;
  cursor: pointer
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow) {
  font-size: 1.4rem;
  height: calc(20px + 2rem);
  padding: 0 16px;
  color: #4a5de2;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #4a5de2;
  height: calc(18px + 2rem);
  padding: 0 15px
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow).cds-ripple::after {
  background: rgba(115, 115, 230, 0.2);
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  width: var(--cds-ripple-size, 120px);
  height: var(--cds-ripple-size, 120px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 120px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 120px))
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow) > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow).disabled:not(.checked) {
  color: #767676;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #767676;
  height: calc(18px + 2rem);
  padding: 0 15px
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow).checked {
  color: #3949bb;
  background-color: #e3e3fa;
  border-color: #3949bb
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow).disabled.checked {
  color: #767676;
  background-color: #f3f3f3;
  border-width: 1px;
  border-color: #767676;
  height: calc(18px + 2rem);
  padding: 0 15px
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow):focus {
  color: #3949bb;
  border-width: 2px;
  border-color: #3949bb;
  height: calc(16px + 2rem);
  padding: 0 14px
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow):hover {
  color: #3949bb;
  border-color: #3949bb
}

.cds-chip[cds-chip-appearance=outline]:not(.cds-chip-shadow):active {
  color: #3949bb;
  border-color: #3949bb
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow) {
  font-size: 1.4rem;
  height: calc(8px + 1.6rem);
  padding: 0 8px;
  color: #4a5de2;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #4a5de2;
  height: calc(6px + 1.6rem);
  padding: 0 7px
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow) > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow).disabled:not(.checked) {
  color: #767676;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #767676;
  height: calc(6px + 1.6rem);
  padding: 0 7px
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow).checked {
  color: #3949bb;
  background-color: #e3e3fa;
  border-color: #3949bb
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow).disabled.checked {
  color: #767676;
  background-color: #f3f3f3;
  border-width: 1px;
  border-color: #767676;
  height: calc(6px + 1.6rem);
  padding: 0 7px
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow):focus {
  color: #3949bb;
  border-width: 2px;
  border-color: #3949bb;
  height: calc(4px + 1.6rem);
  padding: 0 6px
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow):hover {
  color: #3949bb;
  border-color: #3949bb
}

.cds-chip[cds-chip-appearance=outline].cds-chip-small:not(.cds-chip-shadow):active {
  color: #3949bb;
  border-color: #3949bb
}

.cds-chip.cds-chip-shadow, .cds-chip[cds-chip-appearance=shadow] {
  font-size: 1.4rem;
  height: calc(20px + 2rem);
  padding: 0 16px;
  color: #4a5de2;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow.cds-ripple::after, .cds-chip[cds-chip-appearance=shadow].cds-ripple::after {
  background: rgba(115, 115, 230, 0.2);
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  width: var(--cds-ripple-size, 120px);
  height: var(--cds-ripple-size, 120px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 120px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 120px))
}

.cds-chip.cds-chip-shadow > .cds-chip__remove, .cds-chip[cds-chip-appearance=shadow] > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip.cds-chip-shadow.disabled:not(.checked), .cds-chip[cds-chip-appearance=shadow].disabled:not(.checked) {
  color: #767676;
  background-color: #ffffff
}

.cds-chip.cds-chip-shadow.checked, .cds-chip[cds-chip-appearance=shadow].checked {
  color: #3949bb;
  background-color: #e3e3fa
}

.cds-chip.cds-chip-shadow.disabled.checked, .cds-chip[cds-chip-appearance=shadow].disabled.checked {
  color: #767676;
  background-color: #f3f3f3
}

.cds-chip.cds-chip-shadow:focus, .cds-chip[cds-chip-appearance=shadow]:focus {
  color: #3949bb;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow:hover, .cds-chip[cds-chip-appearance=shadow]:hover {
  color: #3949bb;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow:active, .cds-chip[cds-chip-appearance=shadow]:active {
  color: #3949bb
}

.cds-chip.cds-chip-shadow.cds-chip-small, .cds-chip[cds-chip-appearance=shadow].cds-chip-small {
  font-size: 1.4rem;
  height: calc(8px + 1.6rem);
  padding: 0 8px;
  color: #4a5de2;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow.cds-chip-small > .cds-chip__remove, .cds-chip[cds-chip-appearance=shadow].cds-chip-small > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip.cds-chip-shadow.cds-chip-small.disabled:not(.checked), .cds-chip[cds-chip-appearance=shadow].cds-chip-small.disabled:not(.checked) {
  color: #767676;
  background-color: #ffffff
}

.cds-chip.cds-chip-shadow.cds-chip-small.checked, .cds-chip[cds-chip-appearance=shadow].cds-chip-small.checked {
  color: #3949bb;
  background-color: #e3e3fa
}

.cds-chip.cds-chip-shadow.cds-chip-small.disabled.checked, .cds-chip[cds-chip-appearance=shadow].cds-chip-small.disabled.checked {
  color: #767676;
  background-color: #f3f3f3
}

.cds-chip.cds-chip-shadow.cds-chip-small:focus, .cds-chip[cds-chip-appearance=shadow].cds-chip-small:focus {
  color: #3949bb;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow.cds-chip-small:hover, .cds-chip[cds-chip-appearance=shadow].cds-chip-small:hover {
  color: #3949bb;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2)
}

.cds-chip.cds-chip-shadow.cds-chip-small:active, .cds-chip[cds-chip-appearance=shadow].cds-chip-small:active {
  color: #3949bb
}

.cds-chip[cds-chip-appearance=control] {
  font-size: 1.4rem;
  height: calc(20px + 2rem);
  padding: 0 16px;
  color: #4a5de2;
  background-color: #e3e3fa
}

.cds-chip[cds-chip-appearance=control].cds-ripple::after {
  background: #ffffff;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  width: var(--cds-ripple-size, 120px);
  height: var(--cds-ripple-size, 120px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 120px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 120px))
}

.cds-chip[cds-chip-appearance=control] > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip[cds-chip-appearance=control].disabled:not(.checked) {
  color: #767676;
  background-color: #f3f3f3
}

.cds-chip[cds-chip-appearance=control]:focus {
  color: #3949bb
}

.cds-chip[cds-chip-appearance=control]:hover {
  color: #3949bb;
  background-color: rgba(227, 227, 250, 0.5)
}

.cds-chip[cds-chip-appearance=control]:active {
  color: #3949bb
}

.cds-chip[cds-chip-appearance=control].cds-chip-small {
  font-size: 1.4rem;
  height: calc(8px + 1.6rem);
  padding: 0 8px;
  color: #4a5de2;
  background-color: #e3e3fa
}

.cds-chip[cds-chip-appearance=control].cds-chip-small > .cds-chip__remove {
  font-size: 2.4rem
}

.cds-chip[cds-chip-appearance=control].cds-chip-small.disabled:not(.checked) {
  color: #767676;
  background-color: #f3f3f3
}

.cds-chip[cds-chip-appearance=control].cds-chip-small:focus {
  color: #3949bb
}

.cds-chip[cds-chip-appearance=control].cds-chip-small:hover {
  color: #3949bb;
  background-color: rgba(227, 227, 250, 0.5)
}

.cds-chip[cds-chip-appearance=control].cds-chip-small:active {
  color: #3949bb
}

.cds-chip.cds-ripple--start:focus {
  transition: background .5s linear
}

.cds-dropdown-z-index {
  z-index: 1000;
  position: absolute
}

.cds-dropdown[data-popper-reference-hidden], .cds-dropdown[data-popper-escaped] {
  visibility: hidden;
  pointer-events: none
}

.cds-dropdown.cds-dropdown--menu, .cds-dropdown .dropdown-menu {
  min-width: 100px;
  max-height: 320px;
  list-style: none;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-clip: padding-box;
  outline: 0;
  text-align: initial;
  z-index: 1
}

.cds-dropdown .dropdown-menu {
  display: none
}

.cds-dropdown.cds-dropdown--auto-height, .cds-dropdown .dropdown-menu--auto-height {
  max-height: none
}

.cds-dropdown.cds-dropdown--menu .dropdown-list, .cds-dropdown .dropdown-menu .dropdown-list {
  display: block
}

.cds-dropdown.cds-dropdown--menu .dropdown-list > *, .cds-dropdown.cds-dropdown--menu li, .cds-dropdown .dropdown-menu .dropdown-list > *, .cds-dropdown .dropdown-menu li {
  display: list-item;
  min-height: calc(20px + 10px);
  line-height: 2rem;
  padding-top: 10px;
  padding-bottom: 10px;
  width: auto;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cds-dropdown.cds-dropdown--menu .dropdown-list > *.disabled, .cds-dropdown.cds-dropdown--menu li.disabled, .cds-dropdown .dropdown-menu .dropdown-list > *.disabled, .cds-dropdown .dropdown-menu li.disabled {
  pointer-events: none
}

.cds-dropdown.open .dropdown-menu {
  display: block
}

.cds-dropdown.open .dropdown-menu[x-out-of-boundaries] {
  visibility: hidden
}

.cds-dropdown.cds-dropdown--menu, .cds-dropdown .dropdown-menu {
  border-width: 0 0 0 0;
  border-color: #ffffff;
  border-style: none;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  color: #4a4a4a;
  background: #ffffff
}

.cds-dropdown ul {
  margin: 0;
  padding: 0
}

.cds-dropdown .dropdown-list > *, .cds-dropdown li {
  -webkit-tap-highlight-color: transparent;
  font-size: 1.4rem;
  line-height: 2rem;
  outline: 0;
  user-select: none;
  position: relative
}

.cds-dropdown .dropdown-list > * .cds-dropdown__toggle, .cds-dropdown li .cds-dropdown__toggle {
  pointer-events: none;
  position: absolute;
  left: 16px
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle), .cds-dropdown li:not(.cds-dropdown__item--toggle) {
  padding-left: 16px;
  padding-right: 16px
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle), .cds-dropdown li:not(.cds-dropdown__item--toggle) {
  background: #ffffff
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle):hover, .cds-dropdown li:not(.cds-dropdown__item--toggle):hover {
  background: #f8f8ff
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle):focus, .cds-dropdown li:not(.cds-dropdown__item--toggle):focus {
  background: #f8f8ff
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle).active, .cds-dropdown li:not(.cds-dropdown__item--toggle).active {
  background: #e3e3fa
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle).disabled, .cds-dropdown li:not(.cds-dropdown__item--toggle).disabled {
  color: #959595
}

.cds-dropdown .dropdown-list > *:not(.cds-dropdown__item--toggle).cds-ripple::after, .cds-dropdown li:not(.cds-dropdown__item--toggle).cds-ripple::after {
  background: rgba(115, 115, 230, 0.2);
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  width: var(--cds-ripple-size, 200px);
  height: var(--cds-ripple-size, 200px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 200px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 200px))
}

.cds-dropdown .dropdown-list > *.cds-dropdown__item--toggle, .cds-dropdown li.cds-dropdown__item--toggle {
  padding-left: 16px;
  padding-right: 16px;
  padding-left: 48px
}

.cds-dropdown .dropdown-list > *.cds-dropdown__item--toggle:hover, .cds-dropdown li.cds-dropdown__item--toggle:hover {
  background: #f8f8ff
}

.cds-dropdown .dropdown-list > *.cds-dropdown__item--toggle:focus, .cds-dropdown li.cds-dropdown__item--toggle:focus {
  background: #f8f8ff
}

.cds-dropdown .dropdown-list > *.cds-dropdown__item--toggle.disabled, .cds-dropdown li.cds-dropdown__item--toggle.disabled {
  color: #959595
}

.cds-dropdown .dropdown-list > *.cds-combo-item-all, .cds-dropdown .dropdown-list > *.cds-combo-checkbox-item-all, .cds-dropdown li.cds-combo-item-all, .cds-dropdown li.cds-combo-checkbox-item-all {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent) {
  box-sizing: border-box;
  min-height: calc(20px + 2rem);
  display: inline-flex;
  position: relative;
  padding: 0 16px;
  z-index: auto;
  font-size: 1.4rem
}

.cds-control:not(.cds-control--parent)[required] .cds-control__label-text::after, .cds-control:not(.cds-control--parent).cds-control--required .cds-control__label-text::after {
  content: "*"
}

.cds-control:not(.cds-control--parent):focus {
  outline: none
}

.cds-control:not(.cds-control--parent) .cds-control__status {
  box-sizing: content-box;
  order: 1000;
  flex: 1 1 100%;
  min-height: 1.2rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem
}

.cds-control:not(.cds-control--parent) > .cds-control__container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: calc(20px + 2rem);
  background: transparent;
  pointer-events: none
}

.cds-control:not(.cds-control--parent) .cds-control__content {
  position: relative;
  min-width: 0;
  width: 100%;
  display: inline-flex;
  flex-wrap: wrap
}

.cds-control:not(.cds-control--parent) .cds-control__label {
  box-sizing: border-box;
  position: absolute;
  display: inline-flex;
  align-items: center;
  top: 0;
  left: 0;
  height: calc(20px + 2rem);
  max-width: calc(100% + 12px);
  margin: 0 -6px;
  padding: 0 6px;
  pointer-events: none
}

.cds-control:not(.cds-control--parent) .cds-control__label-text {
  line-height: 2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.cds-control:not(.cds-control--parent) .cds-chip {
  order: -1000;
  margin: 8px 8px 0 0
}

.cds-control:not(.cds-control--parent) .cds-chip + .cds-control__value {
  flex-basis: 100px
}

.cds-control:not(.cds-control--parent) .cds-control__placeholder, .cds-control:not(.cds-control--parent) .cds-control__value {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
  position: relative;
  background: transparent;
  outline: 0;
  border: 0;
  margin: 0 -16px;
  line-height: 2rem;
  padding: 10px 16px;
  letter-spacing: inherit
}

.cds-control:not(.cds-control--parent) .cds-control__placeholder:focus, .cds-control:not(.cds-control--parent) .cds-control__value:focus {
  outline: 0
}

.cds-control:not(.cds-control--parent) .cds-control__placeholder:-moz-ui-invalid, .cds-control:not(.cds-control--parent) .cds-control__placeholder:invalid, .cds-control:not(.cds-control--parent) .cds-control__value:-moz-ui-invalid, .cds-control:not(.cds-control--parent) .cds-control__value:invalid {
  box-shadow: none
}

@-webkit-keyframes cds-control__autofill-animation {
  to {
    background: transparent
  }
}

.cds-control:not(.cds-control--parent) .cds-control__value:-webkit-autofill, .cds-control:not(.cds-control--parent) .cds-control__value:-webkit-autofill:hover, .cds-control:not(.cds-control--parent) .cds-control__value:-webkit-autofill:focus {
  animation-name: cds-control__autofill-animation;
  animation-fill-mode: both
}

.cds-control:not(.cds-control--parent) .cds-control__value--single-line {
  max-height: calc(20px + 2rem)
}

.cds-control:not(.cds-control--parent) .cds-control__value--input {
  height: 2rem;
  margin: 10px 0;
  padding: 0
}

.cds-control:not(.cds-control--parent) .cds-control__value--textarea {
  padding: 0 16px;
  margin-top: 10px;
  margin-bottom: 10px
}

.cds-control:not(.cds-control--parent):not(.disabled) > a {
  cursor: pointer
}

.cds-control:not(.cds-control--parent) > i, .cds-control:not(.cds-control--parent) > a {
  box-sizing: border-box;
  height: calc(20px + 2rem);
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 2.8rem;
  right: -8px;
  font-size: 2.4rem
}

.cds-control:not(.cds-control--parent) > i.cds-icon--placement-before, .cds-control:not(.cds-control--parent) > a.cds-icon--placement-before {
  left: -8px;
  right: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] {
  border-radius: 3px;
  background: #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label ~ .cds-control__value::placeholder {
  opacity: 0;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label + .cds-control__value::placeholder {
  opacity: 1;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label {
  transform-origin: 0 0;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label ~ .cds-control__value::placeholder {
  transition: none
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label-text {
  transform-origin: 0 0;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), font-size 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label-text {
    position: relative;
    top: 0;
    transition: top 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), font-size 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
  }
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__content {
  position: static
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label {
  left: 16px;
  max-width: calc(100% - 2 * 10px - 16px)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label-text {
  font-size: 1.2rem;
  transform: translate(0, calc(-0.5 * (20px + 2rem)))
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label-text {
    transform: none;
    top: calc(-0.5 * (20px + 2rem))
  }
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-icon--placement-before + .cds-control__content .cds-control__label {
  left: calc(16px + 2.8rem);
  max-width: calc(100% - 2 * 10px - 2.8rem - 16px);
  transform: translate(-2.8rem, 0)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] > .cds-control__container {
  border-width: 1px;
  border-style: solid;
  border-color: #4a4a4a;
  border-radius: 3px;
  box-shadow: none
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label {
  border-top-width: 1px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label-text {
  margin-top: -1px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__value--textarea {
  border-right-width: 1px;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label {
  border-top-color: #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__value {
  color: #2e2e2e
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__value:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__label-text {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__placeholder {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline] > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline] > a {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline] .cds-control__status {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty > .cds-control__container {
  border-color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty.cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty .cds-control__placeholder {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:hover:not(.disabled):not(.cds-control--prevent-hover) > .cds-control__container {
  border-color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:hover:not(.disabled):not(.cds-control--prevent-hover).cds-control--active-label .cds-control__label-text {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) > .cds-control__container {
  border-width: 2px;
  border-color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__label {
  border-top-width: 2px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__label-text {
  margin-top: -2px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__value--textarea {
  border-right-width: 2px;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled).cds-control--active-label .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline]:focus:not(.disabled) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--focus:not(.disabled) .cds-control__placeholder {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid > .cds-control__container {
  border-color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__placeholder {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container {
  border-width: 2px;
  border-color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label {
  border-top-width: 2px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text {
  margin-top: -2px
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea {
  border-right-width: 2px;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled {
  background: #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled > .cds-control__container {
  border-color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled.cds-control--active-label .cds-control__label {
  border-top-color: #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__value {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__value:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled.cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled.cds-control--active-label .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled .cds-control__placeholder {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=outline].disabled > a {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline], .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] {
  border-radius: 0;
  background: rgba(0, 0, 0, 0)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label ~ .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label ~ .cds-control__value::placeholder {
  opacity: 0;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label + .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label + .cds-control__value::placeholder {
  opacity: 1;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label {
  transform-origin: 0 0;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-color: transparent;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label ~ .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label ~ .cds-control__value::placeholder {
  transition: none
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label-text {
  transform-origin: 0 0;
  will-change: transform;
  transition: transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), font-size 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label-text {
    position: relative;
    top: 0;
    transition: top 0.25s cubic-bezier(0.25, 0.8, 0.25, 1), font-size 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
  }
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__content, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__content {
  position: static
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label {
  left: 16px;
  max-width: calc(100% - 2 * 10px - 16px)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
  font-size: 1.2rem;
  transform: translate(0, calc(-0.5 * (20px + 2rem)))
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
    transform: none;
    top: calc(-0.5 * (20px + 2rem))
  }
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-icon--placement-before + .cds-control__content .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-icon--placement-before + .cds-control__content .cds-control__label {
  left: calc(16px + 2.8rem);
  max-width: calc(100% - 2 * 10px - 2.8rem - 16px);
  transform: translate(-2.8rem, 0)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] > .cds-control__container {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #4a4a4a;
  border-radius: 0;
  box-shadow: none
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label {
  border-top-width: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label-text {
  margin-top: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__value--textarea {
  border-right-width: 0;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label {
  border-top-color: rgba(0, 0, 0, 0)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__value, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__value {
  color: #2e2e2e
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__value:-webkit-autofill, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__value:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__label-text {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__placeholder {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline] > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline] > a, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] > a {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline] .cds-control__status, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline] .cds-control__status {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty > .cds-control__container {
  border-color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty.cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty .cds-control__placeholder {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover) > .cds-control__container {
  border-color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__label-text {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover).cds-control--active-label .cds-control__label-text {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__placeholder {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) > .cds-control__container {
  border-width: 0 0 2px 0;
  border-color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__label {
  border-top-width: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__label-text {
  margin-top: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__value--textarea {
  border-right-width: 0;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled).cds-control--active-label .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline]:focus:not(.disabled) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--focus:not(.disabled) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline]:focus:not(.disabled) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--focus:not(.disabled) .cds-control__placeholder {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid > .cds-control__container {
  border-color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__placeholder {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container {
  border-width: 0 0 2px 0;
  border-color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label {
  border-top-width: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__label-text {
  margin-top: 0
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea {
  border-right-width: 0;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled > .cds-control__container {
  border-color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled .cds-control__value, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled .cds-control__value {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled.cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled.cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled.cds-control--active-label .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled .cds-control__placeholder {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=underline].disabled > a, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=inline].disabled > a {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] {
  border-radius: 3px;
  background: #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__label ~ .cds-control__value::placeholder {
  opacity: 0;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--active-label .cds-control__label + .cds-control__value::placeholder {
  opacity: 1;
  transition: opacity 0.2s ease-out
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__label-text {
  transition: opacity 0.2s ease-out;
  transition-delay: 0.1s
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--active-label .cds-control__label-text {
  opacity: 0;
  transition-delay: 0s
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--active-label .cds-control__label + .cds-control__value::placeholder {
  transition-delay: 0.1s
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] > .cds-control__container {
  border-width: 0;
  border-style: solid;
  border-radius: 3px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__value--textarea {
  border-right-width: 0;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--active-label .cds-control__label {
  border-top-color: #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__value {
  color: #2e2e2e
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__value:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #ffffff
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__label-text {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__placeholder {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] > a {
  color: #767676
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow] .cds-control__status {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty.cds-control--active-label .cds-control__label-text {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty .cds-control__placeholder {
  color: #4a4a4a
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover) > .cds-control__container {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2)
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__label-text {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover).cds-control--active-label .cds-control__label-text {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:hover:not(.disabled):not(.cds-control--prevent-hover) .cds-control__placeholder {
  color: #3949bb
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled) > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled) > .cds-control__container {
  border-width: 2px;
  border-color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled) .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled) .cds-control__value--textarea {
  border-right-width: 2px;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled) .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled) .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled).cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled).cds-control--active-label .cds-control__label-text {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow]:focus:not(.disabled) .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled) .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--focus:not(.disabled) .cds-control__placeholder {
  color: #4a5de2
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid .cds-control__placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid .cds-control__placeholder {
  color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid:focus > .cds-control__container, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus > .cds-control__container {
  border-width: 2px;
  border-color: #da2442
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-control__value--textarea, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-control__value--textarea {
  border-right-width: 2px;
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled {
  background: #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled.cds-control--active-label .cds-control__label {
  border-top-color: #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__value {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__value:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px #f8f9fa
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled.cds-control--transparent-value:not(.cds-control--active-label) .cds-control__value {
  color: transparent
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled.cds-control--active-label .cds-control__label-text {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__value::placeholder, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled .cds-control__placeholder {
  color: #959595
}

.cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled::before, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled > i, .cds-control:not(.cds-control--parent)[cds-control-appearance=shadow].disabled > a {
  color: #959595
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] > .cds-control__container, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] > .cds-control__container {
  border-color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__value--textarea, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline].cds-control--active-label .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline].cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=outline] .cds-control__placeholder {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] > .cds-control__container, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] > .cds-control__container, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] > .cds-control__container, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] > .cds-control__container {
  border-color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__value--textarea, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__value--textarea, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__value--textarea, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__label-text, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline].cds-control--active-label .cds-control__label-text, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline].cds-control--active-label .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__placeholder, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=underline] .cds-control__placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=inline] .cds-control__placeholder {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__value--textarea, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__value--textarea {
  border-right-color: transparent
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow].cds-control--active-label .cds-control__label-text, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow].cds-control--active-label .cds-control__label-text {
  color: #da2442
}

.cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-touched:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__value::placeholder, .cds-control.cds-control--parent.ng-dirty:not(.disabled).ng-invalid .cds-control--child[cds-control-appearance=shadow] .cds-control__placeholder {
  color: #da2442
}

.cds-input .cds-control__value {
  text-overflow: ellipsis
}

.cds-input .cds-control__value::-webkit-search-cancel-button, .cds-input .cds-control__value::-webkit-clear-button {
  display: none
}

.cds-input .cds-control__value::-ms-clear {
  display: none;
  width: 0;
  height: 0
}

.cds-input > .cds-input__reset--hidden {
  display: none
}

.cds-input > .cds-input__reset--invisible {
  visibility: hidden
}

.cds-input > .cds-input__search-button {
  margin: 0 -16px 0 8px;
  min-width: 40px;
  flex: 0 0 auto;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s, color 0.2s;
  border: none;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit
}

.cds-input > .cds-input__search-button:focus {
  outline: 0
}

.cds-input > .cds-input__search-button [class^="cds-icon-"], .cds-input > .cds-input__search-button [class*=" cds-icon-"], .cds-input > .cds-input__search-button .cds-icon {
  font-size: 2.4rem
}

.cds-input[cds-control-appearance=shadow] > .cds-input__search-button::before, .cds-input[cds-control-appearance=underline] > .cds-input__search-button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: calc(100% - 8px);
  background-color: #f3f3f3
}

.cds-input[cds-control-appearance=shadow] > .cds-input__search-button, .cds-input[cds-control-appearance=underline] > .cds-input__search-button {
  color: #4a5de2;
  background-color: rgba(0, 0, 0, 0)
}

.cds-input[cds-control-appearance=shadow] > .cds-input__search-button:hover, .cds-input[cds-control-appearance=underline] > .cds-input__search-button:hover {
  color: #283593
}

.cds-input[cds-control-appearance=shadow] > .cds-input__search-button.cds-ripple::after, .cds-input[cds-control-appearance=underline] > .cds-input__search-button.cds-ripple::after {
  background: rgba(184, 184, 184, 0.25);
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

.cds-input[cds-control-appearance=outline] > .cds-input__search-button {
  color: #ffffff;
  background-color: #4a5de2
}

.cds-input[cds-control-appearance=outline] > .cds-input__search-button:hover {
  background-color: #283593
}

.cds-input[cds-control-appearance=outline] > .cds-input__search-button.cds-ripple::after {
  background: rgba(255, 255, 255, 0.25);
  width: 180px;
  height: 180px;
  margin-left: -90px;
  margin-top: -90px;
  width: var(--cds-ripple-size, 180px);
  height: var(--cds-ripple-size, 180px);
  margin-left: calc(-0.5 * var(--cds-ripple-size, 180px));
  margin-top: calc(-0.5 * var(--cds-ripple-size, 180px))
}

.cds-combo {
  cursor: pointer
}

.cds-combo .cds-combo__caret {
  order: 3
}

.cds-combo .cds-combo__caret:focus {
  outline: none
}

.cds-combo .cds-combo__caret > span {
  font-size: 2.4rem;
  transition: transform 0.15s ease-out
}

.cds-combo.disabled {
  pointer-events: none
}

.cds-combo .cds-combo__caret > span {
  color: #4a4a4a
}

.cds-combo .cds-combo__search-inside {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  cursor: default;
  min-width: 100%;
  width: inherit
}

.cds-combo .cds-combo__search-inside > .cds-input {
  width: 120px;
  min-width: 100%
}

.cds-combo .cds-combo__search-inside > .cds-input .cds-combo__search-icon {
  color: rgba(149, 149, 149, 0.45)
}

.cds-combo .cds-combo__search-highlight > mark {
  background-color: rgba(0, 0, 0, 0);
  color: #4a5de2;
  font-weight: 500
}

.cds-combo .cds-combo__scrollable-content {
  max-height: 320px;
  overflow-y: auto
}

.cds-combo .cds-combo__confirm-buttons {
  border-top: 1px solid #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px
}

.cds-combo.cds-control--not-empty .cds-combo__caret > span {
  color: #4a4a4a
}

.cds-combo:hover:not(.disabled) .cds-combo__caret > span {
  color: #3949bb
}

.cds-combo:focus:not(.disabled) .cds-combo__caret > span, .cds-combo.cds-control--focus:not(.disabled) .cds-combo__caret > span {
  color: #4a5de2
}

.cds-combo.ng-touched:not(.disabled).ng-invalid .cds-combo__caret > span, .cds-combo.ng-dirty:not(.disabled).ng-invalid .cds-combo__caret > span, .cds-combo.cds-control--not-empty:not(.disabled).ng-invalid .cds-combo__caret > span {
  color: #4a4a4a
}

.cds-combo.ng-touched:not(.disabled).ng-invalid:focus .cds-combo__caret > span, .cds-combo.ng-touched:not(.disabled).ng-invalid.cds-control--focus .cds-combo__caret > span, .cds-combo.ng-dirty:not(.disabled).ng-invalid:focus .cds-combo__caret > span, .cds-combo.ng-dirty:not(.disabled).ng-invalid.cds-control--focus .cds-combo__caret > span, .cds-combo.cds-control--not-empty:not(.disabled).ng-invalid:focus .cds-combo__caret > span, .cds-combo.cds-control--not-empty:not(.disabled).ng-invalid.cds-control--focus .cds-combo__caret > span {
  color: #4a4a4a
}

.cds-combo.disabled .cds-combo__caret > span {
  color: #959595
}

.cds-combo.cds-combo-inline, .cds-combo[cds-control-appearance=inline] {
  min-height: calc(4px + 2rem)
}

.cds-combo.cds-combo-inline::before, .cds-combo[cds-control-appearance=inline]::before {
  height: 2rem;
  margin-top: 2px
}

.cds-combo.cds-combo-inline > .cds-control__container, .cds-combo[cds-control-appearance=inline] > .cds-control__container {
  line-height: calc(4px + 2rem)
}

.cds-combo.cds-combo-inline .cds-control__label, .cds-combo[cds-control-appearance=inline] .cds-control__label {
  height: calc(4px + 2rem)
}

.cds-combo.cds-combo-inline .cds-control__label-text, .cds-combo[cds-control-appearance=inline] .cds-control__label-text {
  line-height: 2rem
}

.cds-combo.cds-combo-inline.cds-control--active-label .cds-control__label-text, .cds-combo[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
  transform: translate(0, calc(-0.5 * (4px + 2rem)))
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds-combo.cds-combo-inline.cds-control--active-label .cds-control__label-text, .cds-combo[cds-control-appearance=inline].cds-control--active-label .cds-control__label-text {
    top: calc(-0.5 * (4px + 2rem))
  }
}

.cds-combo.cds-combo-inline .cds-control__placeholder, .cds-combo.cds-combo-inline .cds-control__value, .cds-combo[cds-control-appearance=inline] .cds-control__placeholder, .cds-combo[cds-control-appearance=inline] .cds-control__value {
  line-height: 2rem;
  padding-top: 2px;
  padding-bottom: 2px
}

.cds-combo.cds-combo-inline .cds-control__value--input, .cds-combo[cds-control-appearance=inline] .cds-control__value--input {
  height: 2rem;
  margin: 2px 0;
  padding: 0
}

.cds-combo.cds-combo-inline .cds-control__value--textarea, .cds-combo[cds-control-appearance=inline] .cds-control__value--textarea {
  margin-top: 2px;
  margin-bottom: 2px
}

.cds-combo.cds-combo-inline > i, .cds-combo.cds-combo-inline > a, .cds-combo[cds-control-appearance=inline] > i, .cds-combo[cds-control-appearance=inline] > a {
  height: calc(4px + 2rem)
}

.cds-combo[cds-control-appearance=inline]:not(:focus):not(.cds-control--focus):not(.ng-dirty):not(.ng-touched):not(.cds-control--not-empty) .cds-control__container:not(.not-important), .cds-combo[cds-control-appearance=inline]:not(:focus):not(.cds-control--focus):not(.ng-invalid) .cds-control__container:not(.not-important), .cds-combo.cds-combo-inline:not(:focus):not(.cds-control--focus):not(.ng-dirty):not(.ng-touched):not(.cds-control--not-empty) .cds-control__container:not(.not-important), .cds-combo.cds-combo-inline:not(:focus):not(.cds-control--focus):not(.ng-invalid) .cds-control__container:not(.not-important) {
  border-width: 0
}

.cds-combo label {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: inherit;
  cursor: inherit
}

.cds-combo label .label-title {
  display: none
}

.cds-combo .cds-control__value, .cds-combo .cds-control__placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cds-combo .cds-combo__caret--open > span {
  transform: rotate(180deg)
}

.cds-combo .cds-dropdown {
  z-index: 1;
  position: static;
  width: auto
}

.cds-combo .dropdown-menu {
  max-width: 100%;
  width: inherit
}

html {
  font-size: 10px
}

body {
  font-size: 1.6rem
}

@media (min-width: 1400px) {
  body {
    overflow: hidden;
  }
}


.button-full-width {
  width: 100%
}

.justify-content-center {
  align-content: center;
  align-items: center;
  display: flex;
}

.icon-back {
  width: 32px;
  margin-right: 5px;
}

.back__container {
  display: flex;
  align-items: center;
}

.icon__label {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #4a5de2;
}

.line {
  width: 118px;
  height: 1px;
  border: solid 1px #959595;
}

.line-or {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  color: #2e2e2e;
}

.line_providers__container {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.store__container {
  width: 128px;
  height: 44px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 25px;
}

.store_description {
  width: 68px;
  height: 32px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #4a4a4a;
  overflow: hidden;
}

.badge__container {
  margin: 0 10px 0 10px;
  width: 26px;
  height: 26px;
}

.form-forgot-login-row__container {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-container {
  width: 265px;
  height: 100%;
}

.stores {
  display: flex;
  justify-content: space-between;
}

.cds-button-text {
  padding: 0 !important;
}

.m-p-0 {
  margin: 0;
  padding: 0;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-2-r {
  margin-bottom: 2rem;
}

.m-b-3-r {
  margin-bottom: 3rem;
}

.m-b-8-r {
  margin-bottom: 8rem;
}

.w-100 {
  width: 100%;
}

.cds-combo {
  padding: 0 !important;
  margin-top: 40px;
}

.form-title-forgot-password {
  font-family: Roboto;
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #2e2e2e;
}

.form-describe-forgot-password {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #2e2e2e;
}

.email-forgot-send {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}

.reset-password-title {
  font-family: Roboto;
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #2e2e2e;
}

.reset-password-describe {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #2e2e2e;
}

.update-password-requirements {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #da2442;
}

.error-page-title {
  font-family: Roboto;
  font-size: 32px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #2e2e2e;
}

.error-page-describe {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.5px;
  color: #2e2e2e;
}

.hidden {
  display: none;
}

.display-messege__container {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: #da2442
}

form {
  margin-top: 30px;
}

#forgot-password-button a {
  border: none;
  padding: 0;
}