/*!****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/checkbox/checkbox.scss ***!
  \****************************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/link/link.scss ***!
  \********************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/select/select.scss ***!
  \************************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/tag/tag.scss ***!
  \******************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/text-input/text-input.scss ***!
  \********************************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/number-input/number-input.scss ***!
  \************************************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/radio-button/radio-button.scss ***!
  \************************************************************************************************************************************/
@font-face {
  font-family: "Lato";
  src: url(../9919edff6283018571ad.ttf);
}
* {
  outline: 0px;
}

.bx-ce-demo-devenv--container {
  padding: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.svg-icon {
  margin-left: 16px;
}

/*sdss-button:nth-of-type(odd) {
  margin-right:16px;
}*/
sdss-button:nth-of-type(n) {
  margin-right: 16px;
}

sdss-button + sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

sdss-button:last-child {
  margin-left: 0px;
  margin-right: 0px;
}

/*sdss-button + sdss-button:first-child {
  margin-left:0px; margin-right:16px;
}
*/
.sbdocs.sbdocs-div {
  font-family: "Lato" !important;
}

.sbdocs, .sbdocs-p {
  font-size: 1rem;
}

.css-1p8ieni, .css-1ta8r1d {
  font-size: 1rem !important;
}

.label-text {
  line-height: 1rem;
  font-size: 0.75rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #525252;
  letter-spacing: 0.32px;
}

.sede-label-text {
  font-family: "Lato";
}

.intranet-label-text {
  font-family: "sans-serif", "Arial";
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.css-1p8ieni {
  font-size: 1rem !important;
}

.css-1ta8r1d {
  font-size: 1rem !important;
}

.react-tabs__tab-list {
  border-bottom: 1px solid transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: transparent;
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
}

.react-tabs__tab {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

/*
:host(bx-btn) .bx--btn, :host(bx-modal-footer-button) .bx--btn{
    background: pink;
}
:host ::slotted([button]){
    background: pink;
}
*/
/*** sede **/
/*
$caption-01: ;
$code-01: ;
$code-02: ;
$heading-01: ;
$heading-03: ;
$helper-text-01: ;
$label-01: ;
$label-01: ;
$productive-heading-01: ;
$productive-heading-02: ;
$productive-heading-03: ;
$productive-heading-04: ;
$productive-heading-05: ;
$productive-heading-06: ;
$productive-heading-07: ;
*/
/*** sede **/
:root .sede {
  --cds-interactive-01: #0129AE;
  --cds-interactive-02: #393939;
  --cds-interactive-03: #FDC800;
  --cds-text-04: #FFFFFF;
  --cds-link-01: #0129AE;
  --cds-hover-primary: #011865;
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#011865;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#F4F4F4;
  --cds-field-02:#FFFFFF;
  --cds-focus:#0129AE;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#D9AF00;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#0129AE;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#FDC800;
  --cds-interactive-04:#0129AE;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#3D61D9;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#0129AE;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#F3F3F3;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#FFFFFF;
  --cds-visited-link:#8A3EFC;
  --cds-body-long-01-font-size:1rem;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}

/*** intranet ***/
:root .intranet {
  --cds-active-danger: #740D12;
  --cds-active-light-ui: #c6c6c6;
  --cds-active-primary: #011865;
  --cds-active-secondary: #6f6f6f;
  --cds-active-tertiary: #011865;
  --cds-active-ui: #c6c6c6;
  --cds-danger-01: #DA1E27;
  --cds-danger-02: #da1e28;
  --cds-disabled-01: #87a8c3;
  --cds-disabled-02: #C6C6C6;
  --cds-disabled-03: #8D8D8D;
  --cds-field-01: #FFFFFF;
  --cds-field-02: #F3F3F3;
  --cds-focus: #134886;
  --cds-highlight: #3D61D9;
  --cds-hover-danger: #BA1B23;
  --cds-hover-light-ui: #e5e5e5;
  --cds-hover-primary: #457399;
  --cds-hover-primary-text: #011865;
  --cds-hover-row: #f9f9f9;
  --cds-hover-secondary: #525252;
  --cds-hover-selected-ui: #C6C6C6;
  --cds-hover-tertiary: #011865;
  --cds-hover-ui: #f9f9f9;
  --cds-icon-01: #484848;
  --cds-icon-02: #525252;
  --cds-icon-03: #FFFFFF;
  --cds-interactive-01: #134886;
  --cds-interactive-02: #bdb9b4;
  --cds-interactive-03: #EBAC58;
  --cds-interactive-04: #134886;
  --cds-inverse-01: #FFFFFF;
  --cds-inverse-02: #bdb9b4;
  --cds-inverse-focus-ui: #FFFFFF;
  --cds-inverse-hover-ui: #525252;
  --cds-inverse-link: #3D61D9;
  --cds-inverse-support-01: #FA4D55;
  --cds-inverse-support-02: #41BD64;
  --cds-inverse-support-03: #F0C11B;
  --cds-inverse-support-04: #77A9FF;
  --cds-link-01: #134886;
  --cds-overlay-01: #484848;
  --cds-selected-light-ui: #f9f9f9;
  --cds-selected-ui: #f2f0e9;
  --cds-skeleton-01: #f9f9f9;
  --cds-skeleton-02: #C6C6C6;
  --cds-support-01: #DA1E27;
  --cds-support-02: #24a047;
  --cds-support-03: #F0C11B;
  --cds-support-04: #044ADA;
  --cds-text-01: #000000;
  --cds-text-02: #484848;
  --cds-text-03: #A8A8A8;
  --cds-text-04: #FFFFFF;
  --cds-text-05: #6F6F6F;
  --cds-text-error: #da1e28;
  --cds-ui-01: #F3F3F3;
  --cds-ui-02: #FFFFFF;
  --cds-ui-03: #f9f9f9;
  --cds-ui-04: #4678a3;
  --cds-ui-05: #484848;
  --cds-ui-background: #FFFFFF;
  --cds-visited-link: #8A3EFC;
  --cds-body-short-01-font-size: 1rem;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-01-line-height: 24px;
  --cds-body-short-02-line-height: 24px;
}

/*** portal comunidades **/
:root .portal_comunidades {
  --cds-active-danger:#740D12;
  --cds-active-light-ui:#c6c6c6;
  --cds-active-primary:#173A64;
  --cds-active-secondary:#6f6f6f;
  --cds-active-tertiary:#011865;
  --cds-active-ui:#c6c6c6;
  --cds-danger-01:#DA1E27;
  --cds-danger-02:#da1e28;
  --cds-disabled-01:#F4F4F4;
  --cds-disabled-02:#C6C6C6;
  --cds-disabled-03:#8D8D8D;
  --cds-field-01:#FFFFFF;
  --cds-field-02:#F3F3F3;
  --cds-focus:#134886;
  --cds-highlight:#3D61D9;
  --cds-hover-danger:#BA1B23;
  --cds-hover-light-ui:#e5e5e5;
  --cds-hover-primary:#011865;
  --cds-hover-primary-text:#011865;
  --cds-hover-row:#E0E0E0;
  --cds-hover-secondary:#525252;
  --cds-hover-selected-ui:#C6C6C6;
  --cds-hover-tertiary:#173A64;
  --cds-hover-ui:#E0E0E0;
  --cds-icon-01:#161616;
  --cds-icon-02:#525252;
  --cds-icon-03:#FFFFFF;
  --cds-interactive-01:#134886;
  --cds-interactive-02:#393939;
  --cds-interactive-03:#EBAC58;
  --cds-interactive-04:#134886;
  --cds-inverse-01:#FFFFFF;
  --cds-inverse-02:#393939;
  --cds-inverse-focus-ui:#FFFFFF;
  --cds-inverse-hover-ui:#525252;
  --cds-inverse-link:#77ACE8;
  --cds-inverse-support-01:#FA4D55;
  --cds-inverse-support-02:#41BD64;
  --cds-inverse-support-03:#F0C11B;
  --cds-inverse-support-04:#77A9FF;
  --cds-link-01:#134886;
  --cds-overlay-01:#161616;
  --cds-selected-light-ui:#e0e0e0;
  --cds-selected-ui:#E0E0E0;
  --cds-skeleton-01:#E0E0E0;
  --cds-skeleton-02:#C6C6C6;
  --cds-support-01:#DA1E27;
  --cds-support-02:#24a047;
  --cds-support-03:#F0C11B;
  --cds-support-04:#044ADA;
  --cds-text-01:#161616;
  --cds-text-02:#393939;
  --cds-text-03:#A8A8A8;
  --cds-text-04:#FFFFFF;
  --cds-text-05:#6F6F6F;
  --cds-text-error:#da1e28;
  --cds-ui-01:#FFFFFF;
  --cds-ui-02:#FFFFFF;
  --cds-ui-03:#E0E0E0;
  --cds-ui-04:#8D8D8D;
  --cds-ui-05:#161616;
  --cds-ui-background:#F3F3F3;
  --cds-visited-link:#8A3EFC;
  --cds-body-short-01-font-size:1rem;
  --cds-body-short-02-font-size:1rem;
  --cds-body-short-01-font-weight:400;
  --cds-body-short-02-font-weight:400;
  --cds-body-short-01-line-height:24px;
  --cds-body-short-02-line-height:24px;
}
/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./index.scss ***!
  \*****************************************************************************************************/
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

input[type=text]::-ms-clear {
  display: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  margin: 0;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 1.199;
  letter-spacing: 0;
}

h2 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

h3 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0;
}

h4 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
}

h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  letter-spacing: 0;
}

h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.28572;
  letter-spacing: 0.16px;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}

a {
  color: #0f62fe;
}

em {
  font-style: italic;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--assistive-text,
.bx--visually-hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  visibility: inherit;
  white-space: nowrap;
}

.bx--body {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.28572;
  letter-spacing: 0.16px;
  background-color: #ffffff;
  color: #161616;
  line-height: 1;
}
.bx--body *,
.bx--body *::before,
.bx--body *::after {
  box-sizing: inherit;
}

/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
/* stylelint-disable-line no-invalid-position-at-import-rule */
.bx--grid {
  margin-right: auto;
  margin-left: auto;
  max-width: 99rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (min-width: 42rem) {
  .bx--grid {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 99rem) {
  .bx--grid {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .bx--grid--full-width {
    max-width: 100%;
  }
}
.bx--row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.bx--row-padding [class*=bx--col],
.bx--col-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bx--grid--condensed [class*=bx--col] {
  padding-top: 0.03125rem;
  padding-bottom: 0.03125rem;
}

.bx--col {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col, .bx--grid--condensed .bx--col {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col, .bx--grid--narrow .bx--col {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-0, .bx--grid--condensed .bx--col-sm-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-0, .bx--grid--narrow .bx--col-sm-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-1, .bx--grid--condensed .bx--col-sm-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-1, .bx--grid--narrow .bx--col-sm-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-2, .bx--grid--condensed .bx--col-sm-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-2, .bx--grid--narrow .bx--col-sm-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-3, .bx--grid--condensed .bx--col-sm-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-3, .bx--grid--narrow .bx--col-sm-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm-4, .bx--grid--condensed .bx--col-sm-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm-4, .bx--grid--narrow .bx--col-sm-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-sm,
.bx--col-sm--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-sm, .bx--grid--condensed .bx--col-sm,
.bx--row--condensed .bx--col-sm--auto,
.bx--grid--condensed .bx--col-sm--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-sm, .bx--grid--narrow .bx--col-sm,
.bx--row--narrow .bx--col-sm--auto,
.bx--grid--narrow .bx--col-sm--auto {
  padding-right: 1rem;
  padding-left: 0;
}

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

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

.bx--col-sm-0 {
  display: none;
}

.bx--col-sm-1 {
  display: block;
  max-width: 25%;
  flex: 0 0 25%;
}

.bx--col-sm-2 {
  display: block;
  max-width: 50%;
  flex: 0 0 50%;
}

.bx--col-sm-3 {
  display: block;
  max-width: 75%;
  flex: 0 0 75%;
}

.bx--col-sm-4 {
  display: block;
  max-width: 100%;
  flex: 0 0 100%;
}

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

.bx--offset-sm-1 {
  margin-left: 25%;
}

.bx--offset-sm-2 {
  margin-left: 50%;
}

.bx--offset-sm-3 {
  margin-left: 75%;
}

.bx--col-md-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-0, .bx--grid--condensed .bx--col-md-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-0, .bx--grid--narrow .bx--col-md-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-1, .bx--grid--condensed .bx--col-md-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-1, .bx--grid--narrow .bx--col-md-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-2, .bx--grid--condensed .bx--col-md-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-2, .bx--grid--narrow .bx--col-md-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-3, .bx--grid--condensed .bx--col-md-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-3, .bx--grid--narrow .bx--col-md-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-4, .bx--grid--condensed .bx--col-md-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-4, .bx--grid--narrow .bx--col-md-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-5, .bx--grid--condensed .bx--col-md-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-5, .bx--grid--narrow .bx--col-md-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-6, .bx--grid--condensed .bx--col-md-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-6, .bx--grid--narrow .bx--col-md-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-7, .bx--grid--condensed .bx--col-md-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-7, .bx--grid--narrow .bx--col-md-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md-8, .bx--grid--condensed .bx--col-md-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md-8, .bx--grid--narrow .bx--col-md-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-md,
.bx--col-md--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-md, .bx--grid--condensed .bx--col-md,
.bx--row--condensed .bx--col-md--auto,
.bx--grid--condensed .bx--col-md--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-md, .bx--grid--narrow .bx--col-md,
.bx--row--narrow .bx--col-md--auto,
.bx--grid--narrow .bx--col-md--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 42rem) {
  .bx--col,
.bx--col-md {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-md-0 {
    display: none;
  }

  .bx--col-md-1 {
    display: block;
    max-width: 12.5%;
    flex: 0 0 12.5%;
  }

  .bx--col-md-2 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-md-3 {
    display: block;
    max-width: 37.5%;
    flex: 0 0 37.5%;
  }

  .bx--col-md-4 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-md-5 {
    display: block;
    max-width: 62.5%;
    flex: 0 0 62.5%;
  }

  .bx--col-md-6 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-md-7 {
    display: block;
    max-width: 87.5%;
    flex: 0 0 87.5%;
  }

  .bx--col-md-8 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-md-1 {
    margin-left: 12.5%;
  }

  .bx--offset-md-2 {
    margin-left: 25%;
  }

  .bx--offset-md-3 {
    margin-left: 37.5%;
  }

  .bx--offset-md-4 {
    margin-left: 50%;
  }

  .bx--offset-md-5 {
    margin-left: 62.5%;
  }

  .bx--offset-md-6 {
    margin-left: 75%;
  }

  .bx--offset-md-7 {
    margin-left: 87.5%;
  }
}
.bx--col-lg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-0, .bx--grid--condensed .bx--col-lg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-0, .bx--grid--narrow .bx--col-lg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-1, .bx--grid--condensed .bx--col-lg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-1, .bx--grid--narrow .bx--col-lg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-2, .bx--grid--condensed .bx--col-lg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-2, .bx--grid--narrow .bx--col-lg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-3, .bx--grid--condensed .bx--col-lg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-3, .bx--grid--narrow .bx--col-lg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-4, .bx--grid--condensed .bx--col-lg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-4, .bx--grid--narrow .bx--col-lg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-5, .bx--grid--condensed .bx--col-lg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-5, .bx--grid--narrow .bx--col-lg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-6, .bx--grid--condensed .bx--col-lg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-6, .bx--grid--narrow .bx--col-lg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-7, .bx--grid--condensed .bx--col-lg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-7, .bx--grid--narrow .bx--col-lg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-8, .bx--grid--condensed .bx--col-lg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-8, .bx--grid--narrow .bx--col-lg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-9, .bx--grid--condensed .bx--col-lg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-9, .bx--grid--narrow .bx--col-lg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-10, .bx--grid--condensed .bx--col-lg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-10, .bx--grid--narrow .bx--col-lg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-11, .bx--grid--condensed .bx--col-lg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-11, .bx--grid--narrow .bx--col-lg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg-12, .bx--grid--condensed .bx--col-lg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg-12, .bx--grid--narrow .bx--col-lg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-lg,
.bx--col-lg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-lg, .bx--grid--condensed .bx--col-lg,
.bx--row--condensed .bx--col-lg--auto,
.bx--grid--condensed .bx--col-lg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-lg, .bx--grid--narrow .bx--col-lg,
.bx--row--narrow .bx--col-lg--auto,
.bx--grid--narrow .bx--col-lg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 66rem) {
  .bx--col,
.bx--col-lg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-lg-0 {
    display: none;
  }

  .bx--col-lg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-lg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-lg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-lg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-lg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-lg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-lg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-lg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-lg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-lg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-lg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-lg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

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

  .bx--offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-lg-3 {
    margin-left: 25%;
  }

  .bx--offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-lg-6 {
    margin-left: 50%;
  }

  .bx--offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-lg-9 {
    margin-left: 75%;
  }

  .bx--offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-xlg-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-0, .bx--grid--condensed .bx--col-xlg-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-0, .bx--grid--narrow .bx--col-xlg-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-1, .bx--grid--condensed .bx--col-xlg-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-1, .bx--grid--narrow .bx--col-xlg-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-2, .bx--grid--condensed .bx--col-xlg-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-2, .bx--grid--narrow .bx--col-xlg-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-3, .bx--grid--condensed .bx--col-xlg-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-3, .bx--grid--narrow .bx--col-xlg-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-4, .bx--grid--condensed .bx--col-xlg-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-4, .bx--grid--narrow .bx--col-xlg-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-5, .bx--grid--condensed .bx--col-xlg-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-5, .bx--grid--narrow .bx--col-xlg-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-6, .bx--grid--condensed .bx--col-xlg-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-6, .bx--grid--narrow .bx--col-xlg-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-7, .bx--grid--condensed .bx--col-xlg-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-7, .bx--grid--narrow .bx--col-xlg-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-8, .bx--grid--condensed .bx--col-xlg-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-8, .bx--grid--narrow .bx--col-xlg-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-9, .bx--grid--condensed .bx--col-xlg-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-9, .bx--grid--narrow .bx--col-xlg-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-10, .bx--grid--condensed .bx--col-xlg-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-10, .bx--grid--narrow .bx--col-xlg-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-11, .bx--grid--condensed .bx--col-xlg-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-11, .bx--grid--narrow .bx--col-xlg-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg-12, .bx--grid--condensed .bx--col-xlg-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg-12, .bx--grid--narrow .bx--col-xlg-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-xlg,
.bx--col-xlg--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-xlg, .bx--grid--condensed .bx--col-xlg,
.bx--row--condensed .bx--col-xlg--auto,
.bx--grid--condensed .bx--col-xlg--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-xlg, .bx--grid--narrow .bx--col-xlg,
.bx--row--narrow .bx--col-xlg--auto,
.bx--grid--narrow .bx--col-xlg--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 82rem) {
  .bx--col,
.bx--col-xlg {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

  .bx--col--auto,
.bx--col-xlg--auto {
    width: auto;
    max-width: 100%;
    flex: 1 0 0%;
  }

  .bx--col-xlg-0 {
    display: none;
  }

  .bx--col-xlg-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-xlg-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-xlg-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-xlg-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-xlg-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-xlg-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-xlg-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-xlg-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-xlg-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-xlg-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-xlg-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-xlg-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-xlg-0 {
    margin-left: 0;
  }

  .bx--offset-xlg-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-xlg-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-xlg-3 {
    margin-left: 25%;
  }

  .bx--offset-xlg-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-xlg-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-xlg-6 {
    margin-left: 50%;
  }

  .bx--offset-xlg-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-xlg-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-xlg-9 {
    margin-left: 75%;
  }

  .bx--offset-xlg-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-xlg-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--col-max-0 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-0, .bx--grid--condensed .bx--col-max-0 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-0, .bx--grid--narrow .bx--col-max-0 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-1 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-1, .bx--grid--condensed .bx--col-max-1 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-1, .bx--grid--narrow .bx--col-max-1 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-2 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-2, .bx--grid--condensed .bx--col-max-2 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-2, .bx--grid--narrow .bx--col-max-2 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-3 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-3, .bx--grid--condensed .bx--col-max-3 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-3, .bx--grid--narrow .bx--col-max-3 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-4 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-4, .bx--grid--condensed .bx--col-max-4 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-4, .bx--grid--narrow .bx--col-max-4 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-5 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-5, .bx--grid--condensed .bx--col-max-5 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-5, .bx--grid--narrow .bx--col-max-5 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-6 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-6, .bx--grid--condensed .bx--col-max-6 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-6, .bx--grid--narrow .bx--col-max-6 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-7 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-7, .bx--grid--condensed .bx--col-max-7 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-7, .bx--grid--narrow .bx--col-max-7 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-8 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-8, .bx--grid--condensed .bx--col-max-8 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-8, .bx--grid--narrow .bx--col-max-8 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-9 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-9, .bx--grid--condensed .bx--col-max-9 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-9, .bx--grid--narrow .bx--col-max-9 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-10 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-10, .bx--grid--condensed .bx--col-max-10 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-10, .bx--grid--narrow .bx--col-max-10 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-11 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-11, .bx--grid--condensed .bx--col-max-11 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-11, .bx--grid--narrow .bx--col-max-11 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max-12 {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max-12, .bx--grid--condensed .bx--col-max-12 {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max-12, .bx--grid--narrow .bx--col-max-12 {
  padding-right: 1rem;
  padding-left: 0;
}

.bx--col-max,
.bx--col-max--auto {
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
}
.bx--row--condensed .bx--col-max, .bx--grid--condensed .bx--col-max,
.bx--row--condensed .bx--col-max--auto,
.bx--grid--condensed .bx--col-max--auto {
  padding-right: 0.03125rem;
  padding-left: 0.03125rem;
}
.bx--row--narrow .bx--col-max, .bx--grid--narrow .bx--col-max,
.bx--row--narrow .bx--col-max--auto,
.bx--grid--narrow .bx--col-max--auto {
  padding-right: 1rem;
  padding-left: 0;
}

@media (min-width: 99rem) {
  .bx--col,
.bx--col-max {
    max-width: 100%;
    flex-basis: 0;
    flex-grow: 1;
  }

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

  .bx--col-max-0 {
    display: none;
  }

  .bx--col-max-1 {
    display: block;
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }

  .bx--col-max-2 {
    display: block;
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }

  .bx--col-max-3 {
    display: block;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .bx--col-max-4 {
    display: block;
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }

  .bx--col-max-5 {
    display: block;
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }

  .bx--col-max-6 {
    display: block;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .bx--col-max-7 {
    display: block;
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }

  .bx--col-max-8 {
    display: block;
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }

  .bx--col-max-9 {
    display: block;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .bx--col-max-10 {
    display: block;
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }

  .bx--col-max-11 {
    display: block;
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }

  .bx--col-max-12 {
    display: block;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .bx--offset-max-0 {
    margin-left: 0;
  }

  .bx--offset-max-1 {
    margin-left: 8.3333333333%;
  }

  .bx--offset-max-2 {
    margin-left: 16.6666666667%;
  }

  .bx--offset-max-3 {
    margin-left: 25%;
  }

  .bx--offset-max-4 {
    margin-left: 33.3333333333%;
  }

  .bx--offset-max-5 {
    margin-left: 41.6666666667%;
  }

  .bx--offset-max-6 {
    margin-left: 50%;
  }

  .bx--offset-max-7 {
    margin-left: 58.3333333333%;
  }

  .bx--offset-max-8 {
    margin-left: 66.6666666667%;
  }

  .bx--offset-max-9 {
    margin-left: 75%;
  }

  .bx--offset-max-10 {
    margin-left: 83.3333333333%;
  }

  .bx--offset-max-11 {
    margin-left: 91.6666666667%;
  }
}
.bx--no-gutter,
.bx--row.bx--no-gutter [class*=bx--col] {
  padding-right: 0;
  padding-left: 0;
}

.bx--no-gutter--start,
.bx--row.bx--no-gutter--start [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--end,
.bx--row.bx--no-gutter--end [class*=bx--col] {
  padding-right: 0;
}

.bx--no-gutter--left,
.bx--row.bx--no-gutter--left [class*=bx--col] {
  padding-left: 0;
}

.bx--no-gutter--right,
.bx--row.bx--no-gutter--right [class*=bx--col] {
  padding-right: 0;
}

.bx--hang--start {
  padding-left: 1rem;
}

.bx--hang--end {
  padding-right: 1rem;
}

.bx--hang--left {
  padding-left: 1rem;
}

.bx--hang--right {
  padding-right: 1rem;
}

.bx--aspect-ratio {
  position: relative;
}

.bx--aspect-ratio::before {
  width: 1px;
  height: 0;
  margin-left: -1px;
  content: "";
  float: left;
}

.bx--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.bx--aspect-ratio--16x9::before {
  padding-top: 56.25%;
}

.bx--aspect-ratio--9x16::before {
  padding-top: 177.7777777778%;
}

.bx--aspect-ratio--2x1::before {
  padding-top: 50%;
}

.bx--aspect-ratio--1x2::before {
  padding-top: 200%;
}

.bx--aspect-ratio--4x3::before {
  padding-top: 75%;
}

.bx--aspect-ratio--3x4::before {
  padding-top: 133.3333333333%;
}

.bx--aspect-ratio--3x2::before {
  padding-top: 66.6666666667%;
}

.bx--aspect-ratio--2x3::before {
  padding-top: 150%;
}

.bx--aspect-ratio--1x1::before {
  padding-top: 100%;
}

.bx--aspect-ratio--object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*!****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./style.css ***!
  \****************************************************************************************************/
/*div{background:red;}*/
/*@import "main.css";*/
/*
.demo1 {
    width: 100px;
    height: 100px;
    background: red;
}
.demo2 {
    width: 200px;
    height: 200px;
    background: orange;
}
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* hybrid test mockup */
a {
  color: #0129AE;
}

h2.h5 {
  margin-top: 24px;
}

.mockup-block-banner-welcome {
  margin-top: 48px;
  background-color: #0129AE;
}

.mockup-block-banner-welcome > div {
  justify-content: center;
}

.mockup-block-banner-1 {
  margin-top: 48px;
  background-color: #F0F0F0;
  color: #161616;
}

.mockup-block-banner-1 .container {
  display: flex;
  align-items: center;
}

.mockup-block-footer {
  margin-top: 82px;
}

.mockup-block-footer .container:first-child {
  background: #1C1C1C 0% 0% no-repeat padding-box;
  opacity: 1;
}

.mockup-block-footer-docs {
  padding: 22px;
  max-width: inherit;
}

.mockup-block-footer-docs:last-child p {
  font-size: 0.875em;
}

.mockup-block-footer .mockup-block-footer-links-light, .mockup-block-footer .mockup-block-footer-links-light a {
  color: #FFFFFF;
}

.mockup-block-footer .mockup-block-footer-links-dark a {
  color: #000000;
}