/**
 * Function used to calculate the appropriate side position of overlay arrow relative to button
 * formula : center-arrow-on-button-val + utilities-offset + button-side-position-offset * (button-position - 1) + button-width * (button-position - 2)
 * 
 * @param  {Number} $button-position  [Default: 1] - numerical position (starting from the right) of corresponding button
 * @return {Number}                   side position value
 */
cdc-template, cdc-template:before, cdc-template:after {
  background: transparent;
  border-bottom: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
cdc-template:not([template-ready]) {
  border-bottom: 260px solid #0D274D;
  margin: 0 auto;
  max-width: 1600px;
  width: 100%;
}
cdc-template:not([template-ready]), cdc-template:not([template-ready]):before {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  display: block;
}
cdc-template:not([template-ready]):before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 57'%3E%3Cstyle%3E @keyframes cisco-loading %7B 25%25 %7B transform: translateY(0); %7D 100%25 %7B transform: translateY(-5px); %7D %7D .bar %7B animation: cisco-loading .9s cubic-bezier(.5,.25,.5,.75) alternate infinite; %7D %3C/style%3E%3Cdefs%3E%3Cpath d='M0 22.769a2.348 2.348 0 0 0 3.935 1.545c.434-.403.7-.955.744-1.545v-5.2a2.34 2.34 0 0 0-4.679 0v5.2' id='sBar'%3E%3C/path%3E%3Cpath d='M12.95 22.769a2.349 2.349 0 0 0 2.34 2.171 2.346 2.346 0 0 0 2.339-2.171V11.112a2.341 2.341 0 0 0-4.679 0V22.77' id='tBar'%3E%3C/path%3E%3Cpath d='M25.832 27.464a2.345 2.345 0 0 0 4.678 0V2.249a2.342 2.342 0 0 0-4.678 0v25.215' id='gBar'%3E%3C/path%3E%3Cpath d='M24.026 56.277v-5.002l-.098.043a9.253 9.253 0 0 1-3.605.915 5.303 5.303 0 0 1-3.63-1.07 4.644 4.644 0 0 1-1.58-2.244 5.395 5.395 0 0 1-.106-3 4.6 4.6 0 0 1 1.609-2.566 4.823 4.823 0 0 1 2.528-1.09 8.332 8.332 0 0 1 4.774.895l.108.056v-5.03l-.228-.061a12.78 12.78 0 0 0-4.552-.596 10.534 10.534 0 0 0-4.065.93 9.29 9.29 0 0 0-3.329 2.572 10.014 10.014 0 0 0-.182 12.18 9.546 9.546 0 0 0 5.292 3.403c2.211.538 4.528.456 6.697-.234l.367-.101z' id='cscoC'%3E%3C/path%3E%3C/defs%3E%3Cg fill='%2300bceb' fill-rule='evenodd'%3E%3Cuse href='%23cscoC'/%3E%3Cuse href='%23cscoC' x='49.5'/%3E%3Cpath d='M41.69 52.125l-.019 4.308.315.054c.989.185 1.987.313 2.99.385a18.1 18.1 0 0 0 2.642.051c.842-.06 1.675-.218 2.48-.468a6.862 6.862 0 0 0 2.573-1.371 5.19 5.19 0 0 0 1.498-2.148 5.912 5.912 0 0 0-.03-4.324 4.852 4.852 0 0 0-1.343-1.862 5.568 5.568 0 0 0-1.97-1.147l-3.25-1.206a1.742 1.742 0 0 1-.887-.845 1.107 1.107 0 0 1 .036-.986 1.29 1.29 0 0 1 .217-.291 1.75 1.75 0 0 1 .48-.347c.363-.18.755-.293 1.158-.337a6.76 6.76 0 0 1 2.072.022c.81.088 1.613.231 2.402.43l.168.037v-3.974l-.31-.067a21.14 21.14 0 0 0-2.444-.435 12.545 12.545 0 0 0-3.213-.014 6.945 6.945 0 0 0-3.699 1.488 4.908 4.908 0 0 0-1.58 2.178 5.984 5.984 0 0 0-.003 4.05c.242.65.63 1.237 1.136 1.714.437.422.932.78 1.47 1.065.708.38 1.458.675 2.235.878.257.077.512.158.766.243l.385.141.11.045c.38.136.726.35 1.018.628.202.19.358.423.455.683.06.237.061.485.003.723a1.536 1.536 0 0 1-.744.892 3.691 3.691 0 0 1-1.239.387 9 9 0 0 1-1.92.097 21.973 21.973 0 0 1-2.507-.334c-.433-.09-.864-.19-1.291-.303l-.16-.04zM30.546 56.607h4.73V37.846h-4.73zM85.305 43.386a4.934 4.934 0 1 1 6.157 7.711 4.934 4.934 0 0 1-6.157-7.71m-6.867 3.848A9.87 9.87 0 0 0 90.44 56.72a9.629 9.629 0 0 0 3.157-17.729 9.934 9.934 0 0 0-15.16 8.244'%3E%3C/path%3E%3Cuse class='bar' href='%23sBar' x='0' style='animation-delay: .1286s'/%3E%3Cuse class='bar' href='%23tBar' x='0' style='animation-delay: calc(.1286s * 2)'/%3E%3Cuse href='%23gBar' x='0'/%3E%3Cuse class='bar' href='%23tBar' x='25.875' style='animation-delay: calc(.1286s * 3)'/%3E%3Cuse class='bar' href='%23sBar' x='51.75' style='animation-delay: calc(.1286s * 4)'/%3E%3Cuse class='bar' href='%23tBar' x='51.75' style='animation-delay: calc(.1286s * 5)'/%3E%3Cuse href='%23gBar' x='51.75'/%3E%3Cuse class='bar' href='%23tBar' x='77.625' style='animation-delay: calc(.1286s * 6)'/%3E%3Cuse class='bar' href='%23sBar' x='103.375' style='animation-delay: calc(.1286s * 7)'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center center;
  background-size: 57px 30.1px;
  background-repeat: no-repeat;
  content: " ";
  height: 57px;
}
cdc-template:not([template-ready])[search-no-refresh]:before {
  border-bottom: 130px solid #0D274D;
}

@media only screen and (min-width: 37.5em) {
  cdc-template:not([template-ready]) {
    border-bottom-width: 54px;
  }
}
@media only screen and (min-width: 48em) {
  cdc-template:not([template-ready]):before {
    background-size: 85px 44.9px;
    height: 85px;
  }
}
@media only screen and (min-width: 64em) {
  cdc-template:not([template-ready]):before {
    background-size: 95px 50.1px;
  }
  cdc-template:not([template-ready])[search-no-refresh]:before {
    border-bottom-width: 178px;
  }
}

/*# sourceMappingURL=web-component.css.map */