/*! Vlocity Newport Design System 234.0.0 */
@charset "UTF-8";
/*!
 * Copyright (c) 2015-present, Salesforce.com, Inc. - All rights reserved.
 * Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
 * - Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
 * - Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
 * - Neither the name of the Salesforce.com nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
@import url(./nds-fonts.css);
/* stylelint-disable */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

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

:-ms-input-placeholder {
  color: #706e6b;
  font-weight: 400;
  font-size: 0.8125rem;
}

::placeholder {
  color: #706e6b;
  font-weight: 400;
  font-size: 0.8125rem;
}

::selection {
  background: #d8edff;
  text-shadow: none;
  color: #1b1b1b;
}

html {
  font-family: Open Sans;
  font-size: 100%;
  line-height: 1.5;
  background: #fff;
  color: #16325c;
  direction: ltr;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 0.8125rem;
  background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
dl,
fieldset {
  margin: 0;
  padding: 0;
}

dd,
figure {
  margin: 0;
}

abbr[title] {
  text-decoration: none;
}

abbr[title],
fieldset,
hr {
  border: 0;
}

hr {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: 1em;
}

ol,
ul {
  list-style: none;
}

a {
  color: #2062d4;
  text-decoration: none;
  transition: color 0.1s linear;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #005fb2;
}

a:active {
  color: #00396b;
}

a,
button {
  cursor: pointer;
}

b,
strong,
dfn {
  font-weight: 700;
}

mark {
  background-color: #fff03f;
  color: #1b1b1b;
}

abbr[title] {
  cursor: help;
}

input[type=search] {
  box-sizing: border-box;
}

table {
  width: 100%;
}

caption,
th,
td {
  text-align: left;
}

hr {
  display: block;
  margin: 2rem 0;
  border-top: 1px solid #dddbda;
  height: 1px;
  clear: both;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

.nds-modal_form .nds-modal__header,
.nds-modal_form .nds-modal__content:last-child,
.nds-modal--form .nds-modal__header,
.nds-modal--form .nds-modal__content:last-child {
  border-radius: 0;
  box-shadow: none;
}

.nds-modal_form .nds-modal__container,
.nds-modal--form .nds-modal__container {
  margin: 0;
  padding: 0;
}

.nds-modal_form .nds-modal__header .nds-text-heading_medium,
.nds-modal_form .nds-modal__header .nds-text-heading--medium,
.nds-modal--form .nds-modal__header .nds-text-heading_medium,
.nds-modal--form .nds-modal__header .nds-text-heading--medium {
  line-height: 1.5;
}

.nds-modal_form .nds-modal__header .nds-button,
.nds-modal--form .nds-modal__header .nds-button {
  display: inline-block;
  width: auto;
}

.nds-modal_form .nds-modal__header .nds-button:first-child,
.nds-modal--form .nds-modal__header .nds-button:first-child {
  float: left;
  margin-right: 0.5rem;
}

.nds-modal_form .nds-modal__header .nds-button:first-child + .nds-button,
.nds-modal--form .nds-modal__header .nds-button:first-child + .nds-button {
  float: right;
  margin-top: 0;
  margin-left: 0.5rem;
}

.nds-action-overflow_touch,
.nds-action-overflow--touch {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9001;
}

.nds-action-overflow_touch__container,
.nds-action-overflow--touch__container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
  height: 100%;
}

.nds-action-overflow_touch__content,
.nds-action-overflow--touch__content {
  padding-top: 33.3333333333%;
  overflow: hidden;
  overflow-y: auto;
}

.nds-action-overflow_touch__body,
.nds-action-overflow--touch__body {
  position: relative;
  top: 2rem;
  background: #fff;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.07);
}

.nds-action-overflow_touch__footer,
.nds-action-overflow--touch__footer {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-top: 1px solid #dddbda;
  padding: 0.75rem 1rem;
  background-color: #fafaf9;
  box-shadow: 0 -2px 4px #fafaf9;
}

/**
 * @summary Create each activity timeline item in a list
 *
 * @name base
 * @selector .nds-timeline__media
 * @restrict .nds-media
 * @support dev-ready
 * @variant
 */
.nds-timeline__media,
.nds-media_timeline,
.nds-media--timeline {
  position: relative;
  padding-bottom: 1.5rem;
}

.nds-timeline__media:before,
.nds-media_timeline:before,
.nds-media--timeline:before {
  content: "";
  background: #dddbda;
  height: 100%;
  width: 2px;
  position: absolute;
  left: 0.75rem;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  z-index: -1;
}

.nds-timeline__media:before,
.nds-media_timeline:before,
.nds-media--timeline:before {
  margin-left: 1px;
}

/**
 * @selector .nds-timeline__title
 * @restrict .nds-timeline__media h3
 * @deprecated
 */
.nds-timeline__title {
  position: relative;
}

.nds-timeline__title-content {
  position: relative;
  top: -1px;
  padding-right: 1rem;
  background: #fff;
  z-index: 2;
}

.nds-timeline__title:after {
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  left: 0;
  border-bottom: 1px dashed #dddbda;
  content: " ";
  z-index: 1;
}

.nds-timeline {
  /**
   * Icon associated with timeline item
   *
   * @selector .nds-timeline__icon
   * @restrict .nds-timeline__media .nds-media__figure
   */
  /**
   * Container for date and action overflow on the right of a timeline item
   *
   * @selector .nds-timeline__actions
   * @restrict .nds-timeline__item div
   * @notes This is directly inside the `.nds-media--reverse` > `.nds-media__figure`
   */
  /**
   * Styles the date inside `.nds-timeline__actions`
   *
   * @selector .nds-timeline__date
   * @restrict .nds-timeline__actions p
   */
  /**
   * @name call
   * @selector .nds-timeline__media_call
   * @restrict .nds-timeline__media
   * @variant
   */
  /**
   * @name email
   * @selector .nds-timeline__media_email
   * @restrict .nds-timeline__media
   * @variant
   */
  /**
   * @name event
   * @selector .nds-timeline__media_event
   * @restrict .nds-timeline__media
   * @variant
   */
  /**
   * @name task
   * @selector .nds-timeline__media_task
   * @restrict .nds-timeline__media
   * @variant
   */
}

.nds-timeline__icon {
  margin-top: -0.75rem;
  border: 2px solid #fff;
  border-top-width: 0.75rem;
  border-bottom-width: 0.75rem;
}

.nds-timeline__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: end;
      align-items: flex-end;
}

.nds-timeline__date {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  color: #706e6b;
}

.nds-timeline__media_call:before, .nds-timeline__media--call:before {
  background: #48c3cc;
}

.nds-timeline__media_email:before, .nds-timeline__media--email:before {
  background: #95aec5;
}

.nds-timeline__media_event:before, .nds-timeline__media--event:before {
  background: #eb7092;
}

.nds-timeline__media_task:before, .nds-timeline__media--task:before {
  background: #4bc076;
}

.nds-dc-home-page {
  padding: 0;
  background: white;
}

@media only screen and (min-width: 50rem) {
  .nds-dc-home-page {
    padding: 0 0.625rem;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-home-page {
    padding: 0 3rem;
  }
}
.nds-dc-catalog-wrapper {
  display: none;
}

.nds-dc-mobile-catalog-wrapper {
  padding: 1.25rem 0.625rem;
  border-bottom: 1px solid #dddbda;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-menu-icon {
  height: 3rem;
  width: 3rem;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-catalog-mobile.active {
  color: #ff6d00;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list {
  display: none;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list-open {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: block;
  background-color: #061c3f;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list-open .nds-dc-menu-icon {
  margin: 0.625rem 0 0 0.625rem;
  color: #fff;
  font-size: 1.5rem;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list-open ul {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: 0.625rem;
  list-style-type: none;
  padding: 0;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list-open ul li {
  margin: 0 1.25rem;
  padding: 1rem 0.625rem;
  color: #fff;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  font-size: 1.25rem;
}

.nds-dc-mobile-catalog-wrapper .nds-dc-mobile-menu-list-open ul li:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-mobile-catalog-wrapper {
    display: none;
  }

  .nds-dc-catalog-wrapper {
    display: block;
    height: 9.375rem;
    -ms-overflow-style: none;
    background-color: #f8fbfe;
    margin: 1.25rem 0 2.5rem 0;
    padding: 0;
  }

  .nds-dc-catalog-wrapper .nds-dc-catalog-scrollable {
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    height: 11rem;
  }

  .nds-dc-catalog-wrapper .nds-dc-catalog-scrollable .nds-dc-catalog-item {
    padding: 1.25rem;
    height: 9.375rem;
    border: 0.5px solid #dddbda;
    text-align: center;
    min-width: 8.875rem;
  }

  .nds-dc-catalog-wrapper .nds-dc-catalog-scrollable .nds-dc-catalog-item.nds-dc-active-catalog {
    background-color: #ff6d00;
    height: 11rem;
    color: #fff;
  }

  .nds-dc-catalog-wrapper .nds-dc-catalog-scrollable .nds-dc-catalog-item svg, .nds-dc-catalog-wrapper .nds-dc-catalog-scrollable .nds-dc-catalog-item img {
    height: 3.75rem;
    width: 3.75rem;
    margin-bottom: 0.625rem;
    vertical-align: middle;
  }
}
.nds-dc-child-catalog-container {
  padding: 1.25rem 0;
}

.nds-dc-child-catalog-container .nds-dc-wrapper {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dddbda;
}

.nds-dc-child-catalog-container .nds-dc-wrapper .nds-dc-child-catalog-item {
  font-weight: normal;
  font-size: 0.8125rem;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  text-align: center;
  margin-top: 1.25rem;
}

.nds-dc-child-catalog-container .nds-dc-wrapper .nds-dc-child-catalog-item.active {
  color: #ff6d00;
  border: 3px solid #ff6d00;
  border-top: none;
}

.nds-dc-child-catalog-container h3 {
  font-size: 0.875rem;
}

.nds-dc-child-catalog-container .nds-dc-underline-title {
  width: 3.125rem;
  display: inline-block;
  border-bottom: 3px solid #ff6d00;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-child-catalog-container {
    padding: 1.25rem 0;
  }

  .nds-dc-child-catalog-container .nds-dc-wrapper {
    width: 100%;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }

  .nds-dc-child-catalog-container .nds-dc-wrapper .nds-dc-child-catalog-item {
    padding: 0.3125rem;
    font-weight: 700;
    cursor: pointer;
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-dc-child-catalog-container .nds-dc-wrapper .nds-dc-child-catalog-item.active {
    color: #ff6d00;
    border: none;
    border-bottom: 3px solid #ff6d00;
  }

  .nds-dc-child-catalog-container h3 {
    font-size: 2em;
    font-weight: 700;
  }
}
.nds-dc-offerlist-container {
  margin-top: 3rem;
}

.nds-dc-offerlist-container .nds-dc-filter-wrapper {
  right: 0.5rem;
  position: relative;
  top: -3rem;
}

.nds-dc-offerlist-container .nds-dc-filter-wrapper svg, .nds-dc-offerlist-container .nds-dc-filter-wrapper img {
  float: right;
  height: 2.8125rem;
  width: 2.8125rem;
}

.nds-dc-offerlist-container .nds-dc-load-more {
  text-align: center;
}

.nds-dc-offerlist-container .nds-dc-load-more button {
  color: #fff;
  background-color: #1564bf;
  text-align: center;
  border-radius: 5px;
  margin: 1.875rem 0;
  padding: 0 1.25rem;
}

.nds-dc-offer-list-view {
  margin-top: 3rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap {
  width: 100%;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board {
  padding: 0.625rem 0.3125rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list {
  min-height: 6.25rem;
  padding: 0.625rem;
  border: 0.5px solid #dddbda;
  box-shadow: 0 1px 2px 0 rgba(17, 17, 17, 0.2);
  margin: 0 1.25rem;
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul {
  width: 100%;
  color: #dddbda;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item {
  border: none;
  color: #dddbda;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item a:hover {
  text-decoration: none;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item {
  display: block;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper {
  display: block;
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  border-bottom: 1px solid #dddbda;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-item-values {
  -ms-flex: 2;
      flex: 2;
  padding: 0.3125rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-item-values .nds-dc-image-container {
  text-align: center;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details {
  border-bottom: 1px solid #dddbda;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.625rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details .nds-dc-offer-title-container {
  -ms-flex: 1;
      flex: 1;
  padding-top: 1rem;
  margin-left: 0.625rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details .nds-dc-offer-title-container .nds-dc-tile-text {
  color: #54698d;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details .nds-dc-offer-title-container .nds-dc-offer-name {
  color: #16325c;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-right: 0.3125rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details .nds-dc-offer-item-config {
  -ms-flex: 1;
      flex: 1;
  padding: 1rem 0 0 1rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-item-details {
  -ms-flex: 3;
      flex: 3;
  padding: 0.625rem;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-item-details hr {
  margin: 1.5rem 0;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list .nds-dc-offer-tag {
  background-color: #ff6d00;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  font-size: 0.6875rem;
  margin: -1rem 0 0 -1rem;
  display: block;
}

.nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list.nds-dc-selected {
  border: 1px solid #ff6d00;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper {
    -ms-flex: 4;
        flex: 4;
    display: -ms-flexbox;
    display: flex;
    border-bottom: none;
  }

  .nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-item-values {
    border-right: 1px solid #dddbda;
  }

  .nds-dc-offer-list-view .nds-grid.nds-wrap .nds-dc-offer-board .nds-dc-offer-item-list ul .nds-dc-nds-item .nds-dc-offer-item .nds-dc-offer-wrapper .nds-dc-offer-details {
    -ms-flex: 2;
        flex: 2;
    border-bottom: none;
    border-right: 1px solid #dddbda;
  }

  .nds-dc-offer-item-details {
    padding-right: 0.625rem;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
}
.nds-dc-offer-grid-view {
  padding: 0;
  width: 100%;
}

.nds-dc-offer-grid-view .nds-dc-offer-board {
  padding: 0.625rem 0;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile {
  min-height: 33.625rem;
  margin: auto;
  border: 0.5px solid #dddbda;
  box-shadow: 0 1px 2px 0 rgba(17, 17, 17, 0.2);
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-offer-tag {
  background-color: #ff6d00;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  font-size: 0.6875rem;
  margin: -1rem 0 0 -1rem;
  display: block;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item {
  border: none;
  color: #54698d;
  padding: 1rem;
  padding-top: 1.25rem;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item a:hover {
  text-decoration: none;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item .nds-dc-offer-item-details {
  padding: 5% 0 0 5%;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item .nds-dc-offer-item-details hr {
  margin: 1.5rem 0;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item .nds-dc-offer-item-details .nds-dc-tile-text {
  color: #54698d;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item .nds-dc-offer-item-details .nds-dc-offer-name {
  color: #16325c;
  font-size: 1.25rem;
  line-height: 1.625rem;
  padding-right: 0.3125rem;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile .nds-dc-nds-item .nds-dc-offer-item-details .nds-dc-offer-detail {
  -ms-flex: 3;
      flex: 3;
  color: #556a8c;
  font-size: 0.75rem;
  line-height: 1rem;
  height: 2rem;
  overflow: scroll;
}

.nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile.nds-dc-selected {
  border: 1px solid #ff6d00;
}

@media only screen and (min-width: 64rem) {
  .nds-dc-offer-grid-view .nds-dc-offer-board {
    padding: 0.625rem 0.3125rem;
  }

  .nds-dc-offer-item-tile {
    min-width: 100%;
  }
}
@media only screen and (min-width: 80rem) {
  .nds-dc-offer-grid-view .nds-dc-offer-board .nds-dc-offer-item-tile {
    max-width: 25rem;
  }
}
.nds-dc-offer-attributes .nds-dc-tile-text {
  color: #54698d;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.nds-dc-offer-attributes .nds-dc-offer-round-button-set {
  margin-top: 0.1875rem;
  padding: 0.3125rem;
}

.nds-dc-offer-attributes .nds-dc-offer-round-button-set .nds-dc-offer-attribute {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.375rem;
  border: 1px solid #dddbda;
  border-radius: 50%;
  display: inline-block;
}

.nds-dc-offer-attributes .nds-dc-offer-button-set {
  padding-top: 0.1875rem;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

.nds-dc-offer-attributes .nds-dc-offer-button-set .nds-dc-offer-attribute {
  padding: 0.125rem;
  margin: 0.1875rem 0.375rem 0.1875rem 0;
  border: 1px solid #dddbda;
  display: inline-block;
  height: inherit;
  width: 4rem;
}

.nds-dc-offer-attributes .nds-dc-offer-button-set .nds-dc-tile-text-small {
  color: #54698d;
  font-size: 0.75rem;
  line-height: 1rem;
}

.nds-dc-offer-image-container {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.nds-dc-offer-image-container img.nds-dc-listview, .nds-dc-offer-image-container img.nds-dc-gridview {
  height: 11.25rem;
}

@media only screen and (min-wdth: 64rem) {
  .nds-dc-offer-image-container img:hover {
    transform: scale(2, 2);
    transition: 0.3s transform;
  }
}
.nds-dc-list-prices .nds-dc-tile-text-small {
  color: #54698d;
  font-size: 0.75rem;
  line-height: 1rem;
}

.nds-dc-list-prices .nds-dc-tile-text-small.nds-dc-offer-listview {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 100%;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview {
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items {
  width: 100%;
  max-width: 100%;
  text-align: left;
  display: block;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items.nds-grid.nds-wrap, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items.nds-grid.nds-wrap {
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-offer-price, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-offer-price {
  color: #16325c;
  font-size: 1.5625rem;
  line-height: 3.125rem;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-discount-price, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-discount-price {
  color: #ff6d00;
  font-size: 1.5625rem;
  line-height: 3.125rem;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-actual-price, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-actual-price {
  color: #16325c;
  font-size: 1.5625rem;
  line-height: 3.125rem;
  display: block;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-actual-price .nds-dc-offer-base-amount, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-offer-price .nds-dc-offer-actual-price .nds-dc-offer-base-amount {
  display: block;
  font-size: 1rem;
  line-height: 0.3125rem;
  margin-bottom: 0.625rem;
  color: #16325c;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-price-option-text, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-price-option-text {
  margin-top: 0.625rem;
  margin-bottom: 0;
}

.nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-listview .nds-dc-price-items .nds-dc-price-option-text .nds-dc-price-option, .nds-dc-list-prices .nds-dc-offer-price-wrapper.nds-dc-offer-gridview .nds-dc-price-items .nds-dc-price-option-text .nds-dc-price-option {
  margin: 0 auto;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-list-prices .nds-dc-offer-price-wrapper .nds-dc-price-items .nds-dc-price-option-text {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
/* dcTotalBar */
.nds-dc-totalbar {
  width: 100%;
  background-color: #145ab7;
  color: #fff;
  bottom: 0;
  left: 0;
  line-height: 2rem;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 1rem 0;
  position: fixed;
}

.nds-dc-totalbar .nds-dc-totalbar_label {
  font-weight: 300;
}

.nds-dc-totalbar .nds-dc-totalbar_value {
  font-size: 2rem;
}

.nds-dc-totalbar .nds-dc-totalbar_value.nds-dc-price {
  font-size: 1.5rem;
}

.nds-dc-totalbar .nds-dc-totalbar_price-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.nds-dc-totalbar .nds-dc-totalbar_price-container .nds-dc-totalbar_container:first-child {
  text-align: left;
}

.nds-dc-totalbar .nds-dc-totalbar_price-container .nds-dc-totalbar_container:last-child {
  text-align: right;
}

.nds-dc-totalbar .nds-dc-totalbar_container {
  float: right;
}

.nds-dc-totalbar .nds-dc-totalbar_container-pipe {
  border: 0.05rem solid #fff;
  height: 2.3rem;
  margin: 1rem 0.7rem 0;
}

.nds-dc-totalbar .nds-dc-checkout-button {
  font-weight: 300;
  color: #2062d4;
  background-color: #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  padding: 0.3rem 0.75rem;
  margin-right: 0.5rem;
  right: 0;
  position: relative;
  min-width: 4rem;
}

.nds-dc-totalbar .nds-dc-checkout-button.nds-dc-disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media only screen and (min-width: 24rem) {
  .nds-dc-totalbar .nds-dc-checkout-button {
    padding: 0.3rem 1rem;
    min-width: 8rem;
    margin-right: 1rem;
  }

  .nds-dc-totalbar .nds-dc-totalbar_container-pipe {
    margin: 1rem 1.5rem 0;
  }
}
/* shopping cart */
.nds-dc-cart {
  padding: 1rem 0.3125rem;
  margin-bottom: 6.25rem;
}

.nds-dc-cart .nds-dc-spinner {
  position: fixed;
  z-index: 9999;
}

.nds-dc-cart .nds-dc-cart_heading {
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-cart .nds-dc-cart_heading .nds-dc-cart_heading-title {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.25;
  position: relative;
}

.nds-dc-cart .nds-dc-cart_heading .nds-dc-cart_heading-title:after {
  content: "";
  background: #003da5;
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  width: 3.125rem;
  height: 0.1875rem;
}

.nds-dc-cart .nds-dc-cart_heading .nds-dc-cart_heading-notifcation {
  line-height: 1.25;
  margin: 0.6rem 1rem 0;
}

.nds-dc-cart .nds-dc-cart_heading .nds-dc-button {
  padding: 0 0.3125rem;
  font-size: 0.6rem;
  margin-left: auto;
}

.nds-dc-cart .nds-dc-cart_heading .nds-dc-save-cart_icon {
  height: 2rem;
  margin-left: 0.5rem;
  cursor: pointer;
}

.nds-dc-cart .nds-dc-button .nds-dc-button_text {
  color: #fff;
}

.nds-dc-cart .nds-dc-go-back-btn {
  margin-top: 2rem;
  width: 9rem;
  font-weight: 300;
}

.nds-dc-cart .nds-dc-empty_cart {
  text-align: center;
  margin-top: 3.125rem;
}

.nds-dc-cart .nds-dc-cart_container {
  margin-top: 1.5rem;
}

.nds-dc-cart .nds-dc-cart_offer-board {
  padding: 0.625rem 0.375rem;
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-dc-cart .nds-dc-cart_offer-board .nds-dc-edit-icon {
  width: 1.25rem;
  height: 1.25rem;
  float: right;
  padding-top: 0.25rem;
  color: #fff;
  text-align: center;
  position: relative;
}

.nds-dc-cart .nds-dc-cart_offer-item-list {
  min-height: 6.25rem;
  border: 1px solid #dddbda;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 0 0.125rem 0 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}

.nds-dc-cart .nds-dc-cart_offer-item-list .nds-dc-offer_item-list-ul {
  width: 100%;
}

.nds-dc-cart .nds-dc-cart_offer-item {
  padding: 1.875rem 0;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_item-category {
  color: #54698d;
  font-weight: 700;
  font-size: 1.0625rem;
  margin-left: 0.625rem;
  margin-top: -0.625rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-offer_item {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.625rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-title_container {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text {
  color: #54698d;
  font-size: 1.125rem;
  letter-spacing: 0.2px;
  line-height: 1.25rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-title {
  width: 30%;
  text-align: left;
  padding-left: 1.875rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-quantity {
  width: 20%;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-due {
  width: 60%;
  font-size: 0.8125rem;
  text-align: right;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-icons {
  display: none;
  width: 10%;
  margin-top: -1.625rem;
  margin-left: 0.3125rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu.nds-dc-sub-total {
  margin-top: 0.9375rem;
}

.nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu.nds-dc-sub-total .nds-dc-tile_text.nds-dc-due {
  color: #145ab7;
  font-size: 1.5rem;
  width: 60%;
}

.nds-dc-cart .nds-dc-cart_offer-item.nds-dc-sub-total {
  border-top: 1px solid #dddbda;
  padding: 1.25rem 0;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-cart {
    padding: 3.125rem 0.625rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-board .nds-dc-edit-icon {
    left: 0.5rem;
    top: 0.25rem;
  }

  .nds-dc-cart .nds-dc-cart_heading .nds-dc-button {
    padding: 0 1rem;
    font-size: 1rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-offer_item {
    padding: 0 1.875rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_item-category {
    margin-left: 1.875rem;
    margin-top: unset;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-due {
    width: 30%;
    font-size: 0.8125rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu.nds-dc-sub-total {
    margin-top: 2.1875rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu.nds-dc-sub-total .nds-dc-tile_text.nds-dc-due {
    font-size: 2.5rem;
    width: 30%;
  }

  .nds-dc-cart .nds-dc-cart_offer-item.nds-dc-sub-total {
    padding-bottom: 3.75rem;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-cart {
    padding: 1.5625rem;
  }
}
@media only screen and (min-width: 80rem) {
  .nds-dc-cart {
    padding: 3.125rem;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-quantity {
    width: 30%;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-due, .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu.nds-dc-sub-total .nds-dc-tile_text.nds-dc-due {
    width: 15%;
  }

  .nds-dc-cart .nds-dc-cart_offer-item .nds-dc-cart_offer-menu .nds-dc-tile_text.nds-dc-icons {
    display: block;
  }
}
/* shopping cart nested offer */
.nds-dc-cart_line-item .nds-dc-each_item {
  border-top: 1px solid #dddbda;
  padding-top: 1.25rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-cart_item-category {
  color: #54698d;
  font-weight: 700;
  font-size: 0.8125rem;
  margin-left: 0.625rem;
  margin-top: -0.625rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_item {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_item .nds-dc-edit-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
  left: 0;
  top: 0;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-title_container {
  -ms-flex: 1;
      flex: 1;
  text-align: center;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text {
  color: #54698d;
  font-size: 0.75rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text .nds-dc-action_badge {
  display: inline-block;
  position: absolute;
  margin: -1rem -2rem 0 0;
  color: white;
  padding: 0 0.3125rem;
  border-radius: 0.3125rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text .nds-dc-action_badge.nds-dc-action_add {
  background-color: #04844b;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text .nds-dc-action_badge.nds-dc-action_change {
  background-color: #706e6b;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text .nds-dc-action_badge.nds-dc-action_disconnect {
  background-color: #ffb75d;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text input {
  width: 2.1875rem;
  padding: 0.3125rem;
  border: none;
  background-color: #fff;
  text-align: center;
  border-bottom: 2px solid #ff6d00;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text input:active, .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text input:focus {
  outline: 0;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text input[readonly] {
  border-bottom: 2px solid #d8dde6;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-title {
  width: 35%;
  text-align: left;
  padding-left: 0.3125rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-title .nds-dc-offer_image {
  height: 6.25rem;
  margin: -1rem 0.3125rem -0.3125rem;
  display: none;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-quantity {
  width: 20%;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-due {
  width: 15%;
  margin-right: 0.3125rem;
  text-align: right;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-icons {
  width: 10%;
  margin-left: 0.3125rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-icons .nds-dc-tile_trash {
  height: 0.8rem;
  cursor: pointer;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-icons .nds-dc-tile_trash-title {
  color: #145ab7;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  cursor: pointer;
  display: none;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-quantity {
  padding-top: 1.125rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu.nds-dc-offer_details {
  margin: 0.875rem 0;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu.nds-dc-offer_details .nds-dc-tile_text {
  color: #131313;
  font-size: 0.75rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu.nds-dc-offer_details .nds-dc-tile_text.nds-dc-quantity {
  padding-top: 0;
  margin-top: -0.625rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_image-container {
  width: 4rem;
  display: none;
  margin-top: -2rem;
  margin-right: 0.3rem;
}

.nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_image-container.mobile {
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.875rem;
  width: 4rem;
  margin-top: 0.7rem;
}

.nds-dc-cart_line-item .nds-dc-each_item.nds-dc-line_item {
  border: none;
  padding-top: 0;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_image-container {
    display: inline-block;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_image-container.mobile {
    display: none;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_item {
    padding: 0 1rem 0 1.875rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_item .nds-dc-edit-icon {
    margin-left: 1rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-cart_item-category {
    margin-top: unset;
    margin-left: 1.875rem;
    font-size: 1.0625rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text {
    font-size: 1.0625rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text .nds-dc-action_badge {
    position: relative;
    margin: 0 0.3125rem 0 0;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-title {
    width: 30%;
    padding-left: 1.25rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-title .nds-dc-offer_image {
    display: unset;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text input {
    width: 5rem;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-due {
    width: 20%;
    margin-right: unset;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-icons {
    width: 10%;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-quantity {
    padding-top: unset;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu.nds-dc-offer_details .nds-dc-tile_text {
    font-size: unset;
  }

  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu.nds-dc-offer_details .nds-dc-tile_text.nds-dc-quantity {
    padding-top: unset;
    margin-top: -0.625rem;
  }
}
@media only screen and (min-width: 80rem) {
  .nds-dc-cart_line-item .nds-dc-each_item .nds-dc-offer_menu .nds-dc-tile_text.nds-dc-icons .nds-dc-tile_trash-title {
    display: unset;
  }
}
.nds-dc-cart_line-item .nds-dc-base-modal .nds-dc-modal-container {
  display: block;
}

.nds-dc-cart_line-item .nds-dc-offer-actual-price {
  color: #16325c;
  display: block;
}

.nds-dc-cart_line-item .nds-dc-offer-base-amount {
  display: block;
  margin-bottom: 0.625rem;
  color: #16325c;
}

.nds-dc-cart_line-item .nds-dc-tile-text.nds-dc-due {
  width: 20%;
  text-align: right;
}

.nds-dc-cart_line-item .nds-dc-applied-promo-container {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.nds-dc-cart_line-item .nds-dc-applied-promo {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin: 0.875rem 0;
}

.nds-dc-cart_line-item .nds-dc-applied-promo-label {
  width: 35%;
  padding-left: 0.3125rem;
  text-align: left;
  box-sizing: border-box;
  color: #d68184;
}

.nds-dc-cart_line-item .nds-dc-adjustment-value-one-time {
  margin-top: -0.625rem;
  width: 40%;
  text-align: right;
}

.nds-dc-cart_line-item .nds-dc-offer-actual-price,
.nds-dc-cart_line-item .nds-dc-offer-base-amount,
.nds-dc-cart_line-item .nds-dc-applied-promo-container,
.nds-dc-cart_line-item .nds-dc-applied-promo-label,
.nds-dc-cart_line-item .nds-dc-adjustment-value-one-time {
  font-size: 0.75rem;
}

.nds-dc-cart_line-item .nds-dc-adjustments-value-recurring {
  font-size: 1.0625rem;
  margin-top: -0.625rem;
  width: 25%;
  margin-right: 0.3125rem;
}

.nds-dc-cart_line-item .nds-dc-trash-title {
  color: #145ab7;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  cursor: pointer;
  display: none;
}

.nds-dc-cart_line-item .nds-dc-delete-icon {
  width: 10%;
  margin-left: 0.3125rem;
  text-align: center;
}

.nds-dc-cart_line-item .nds-dc-edit-icon-column {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
}

.nds-dc-cart_line-item .nds-dc-value-one-time {
  border-bottom: 0.1rem solid #000;
  width: 6rem;
  display: inline-block;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-cart_line-item .nds-dc-offer-actual-price,
.nds-dc-cart_line-item .nds-dc-offer-base-amount,
.nds-dc-cart_line-item .nds-dc-applied-promo-container,
.nds-dc-cart_line-item .nds-dc-applied-promo-label,
.nds-dc-cart_line-item .nds-dc-adjustment-value-one-time {
    font-size: 1.0625rem;
  }

  .nds-dc-cart_line-item .nds-dc-applied-promo-container {
    padding: 0 1rem 0 1.875rem;
  }

  .nds-dc-cart_line-item .nds-dc-applied-promo-label {
    width: 30%;
    padding-left: 1.25rem;
  }

  .nds-dc-cart_line-item .nds-dc-trash-title {
    display: block;
  }

  .nds-dc-cart_line-item .nds-dc-adjustments-value-recurring {
    width: 30%;
    margin-right: unset;
  }
}
.nds-dc-add_to-cart-btn {
  width: 9rem;
  color: #fff;
  background-color: #1564bf;
  text-align: center;
  border-radius: 0.3125rem;
  margin: 1.875rem auto;
  padding: 0 1.25rem;
}

.nds-dc-addons-btn_container {
  text-align: center;
}

.nds-dc-offer_navigation {
  padding: 0.625rem 0.625rem 3.125rem 0.625rem;
}

@media screen and (min-width: 48rem) {
  .nds-dc-offer_navigation {
    padding: 0.93rem 1.88rem 3.125rem 1.88rem;
  }
}
.nds-dc-offer_group .nds-dc-offer_navigation {
  margin: 0;
  padding: 0;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-offers_fieldset {
  display: block;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-offers_fieldset.nds-dc-collapse {
  display: none;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_board {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  padding: 0.625rem 0 0 0;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_board.nds-dc-group_sections {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-product_collapse-in-out {
  display: block;
  margin-top: -1.75rem;
  position: absolute;
  left: 90%;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-product_collapse-in-out .nds-dc-expand_collapse-icons {
  width: 1.25rem;
  right: 0.625rem;
  position: relative;
}

.nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_title {
  font-size: 1.25rem;
  line-height: 2.56rem;
  color: #556a8c;
}

.nds-dc-offer_group .nds-dc-offer_group-separator {
  height: 2px;
  background-color: #eee;
  margin: 0.625rem 0;
}

.nds-dc-offer_group.nds-dc-parent .nds-dc-plan_title {
  font-size: 2rem;
  line-height: 2.5625rem;
  color: #000;
}

.nds-dc-offer_group.nds-dc-parent .nds-dc-underline_title {
  width: 3.125rem;
  display: inline-block;
  border-bottom: 3px solid #ff6d00;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer_group .nds-dc-offer_navigation {
    padding: 0;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-offers_fieldset {
    display: block;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_board {
    padding: 0.625rem 1.875rem 0.625rem 0;
    max-width: 31.25rem;
    min-width: 10.1875rem;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_board.nds-dc-group_sections {
    padding-right: 1.875rem;
    max-width: 100%;
    min-width: 10.1875rem;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-plan_board.nds-dc-accessories_large-size {
    max-width: 33.75rem;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation .nds-dc-product_collapse-in-out {
    display: none;
  }

  .nds-dc-offer_group .nds-dc-offer_navigation.nds-dc-nested_child {
    padding: 0;
  }

  .nds-dc-offer_group .nds-dc-offer_group-separator {
    margin: 0;
  }

  .nds-dc-offer_group .nds-dc-offer_group-separator.nds-dc-nested_child {
    margin: 0.625rem 0;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-offer_group .nds-dc-offer_navigation {
    padding: 1rem 1.25rem;
  }

  .nds-dc-offer_group .nds-dc-offer_group-separator {
    margin: 0 5rem;
  }
}
.nds-dc-nav_type {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  padding: 0.5rem;
  list-style-type: none;
}

.nds-dc-nav_type.nds-dc-selected {
  border: 1px solid #ff6d00;
}

.nds-dc-nav_type .nds-dc-plan_item-description {
  font-size: 0.75rem;
  color: #556a8c;
  line-height: 1rem;
  padding: 0.625rem 0 0.625rem 2.19rem;
  position: static;
  font-weight: 300;
  height: 7vh;
  min-height: 4rem;
  overflow-y: auto;
}

.nds-dc-nav_type .nds-dc-radiobtn:checked,
.nds-dc-nav_type .nds-dc-radiobtn:not(:checked) {
  position: absolute;
  left: -600rem;
}

.nds-dc-nav_type .nds-dc-radiobtn:checked + label,
.nds-dc-nav_type .nds-dc-radiobtn:not(:checked) + label {
  position: relative;
  padding-left: 2.19rem;
  cursor: pointer;
  line-height: 1.25rem;
  display: inline-block;
  color: #16325c;
  letter-spacing: 0.2px;
}

.nds-dc-nav_type .nds-dc-radiobtn:checked + label:before,
.nds-dc-nav_type .nds-dc-radiobtn:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: 2px solid #dddbda;
  border-radius: 100%;
  background: transparent;
}

.nds-dc-nav_type .nds-dc-radiobtn:checked + label:before {
  border: 2px solid #ff6d00;
}

.nds-dc-nav_type .nds-dc-radiobtn:checked + label:after,
.nds-dc-nav_type .nds-dc-radiobtn:not(:checked) + label:after {
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  border-radius: 100%;
  transition: all 0.2s ease;
}

.nds-dc-nav_type .nds-dc-radiobtn:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.nds-dc-nav_type .nds-dc-radiobtn:checked + label:after {
  opacity: 1;
  background: #ff6d00;
  transform: scale(1);
}

.nds-dc-nav_type .nds-dc-single_price {
  margin: 0 1.19rem;
}

.nds-dc-nav_type .nds-dc-plan_item-price-section {
  margin: 0.4rem 0;
  font-size: 1.25rem;
  position: relative;
  padding: 0.4rem 0 0;
  border-top: 1px solid #dddbda;
  text-align: center;
}

.nds-dc-nav_type .nds-dc-plan_item-price-section.nds-dc-hide-price {
  visibility: hidden;
}

.nds-dc-nav_type .nds-dc-payment_type {
  color: #556a8c;
  font-size: 0.625rem;
  line-height: 0.812rem;
}

.nds-dc-nav_type .nds-dc-plan_name {
  font-size: 0.875rem;
  min-height: 4rem;
}

.nds-dc-nav_type .nds-dc-single_price-quantity {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #dddbda;
  margin: 0;
}

.nds-dc-nav_type .nds-dc-single_price-quantity .nds-dc-quantity {
  margin-top: 0.5rem;
  text-align: inherit;
  padding: 0.625rem;
}

.nds-dc-nav_type.nds-dc-checkbox {
  background-color: transparent;
  margin-top: 0.625rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  padding: 0.5rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: center;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity {
  padding: 0;
  text-align: center;
  -ms-flex-order: 2;
      order: 2;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_label {
  font-size: 0.625rem;
  padding-left: 0.3125rem;
  color: #556a8c;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input {
  width: 4rem;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid #d8dde6;
  font-size: 1.5625rem;
  text-align: center;
  z-index: 1;
  min-height: 1.875rem;
  padding-left: 0.313rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input:active, .nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input:focus {
  outline: 0;
  border-color: #ff6d00;
  background-color: #fff;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-accessories {
  text-align: center;
  height: 12.5rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-accessories img {
  max-height: 12.5rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price {
  margin: 0 1.1875rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-offer_tag {
  background-color: #ff6d00;
  color: #fff;
  text-align: center;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  font-size: 0.6875rem;
  margin: -1rem 0 0 -1rem;
  display: block;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-plan_item-price-section {
  font-size: 1.5625rem;
  padding: 0;
  position: relative;
  right: 0;
  border-top: none;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-plan_item-price-section .nds-dc-checkbox_price {
  margin-bottom: -0.5rem;
  text-align: center;
  padding: 0.625rem;
  font-size: 1.5625rem;
  border: none;
  width: 50%;
  top: auto;
}

.nds-dc-nav_type.nds-dc-checkbox label {
  margin-left: 0.75rem;
  display: -ms-grid;
  display: grid;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-payment_type {
  color: #556a8c;
  font-size: 0.625rem;
  line-height: 0.8125rem;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-plan_item-description {
  font-size: 0.75rem;
  color: #556a8c;
  line-height: 1rem;
  padding: 0.625rem 0 0.625rem 0.875rem;
  position: static;
  font-weight: 300;
}

.nds-dc-nav_type.nds-dc-checkbox .nds-dc-plan_name {
  white-space: normal;
  font-weight: 700;
  font-size: 0.875rem;
}

.nds-dc-nav_type.nds-dc-checkbox.nds-dc-attachments {
  min-height: 21rem;
}

.nds-dc-nav_type.nds-dc-checkbox.nds-dc-attachments .nds-dc-plan_item-description {
  margin-right: -1.125rem;
  padding: 0.625rem;
}

.nds-dc-nav_type .nds-dc-tile_board {
  display: block;
}

@media screen and (min-width: 48rem) {
  .nds-dc-checkbox .nds-dc-plan_item-price-section {
    font-size: 1.7rem;
  }

  .nds-dc-checkbox .nds-dc-desc_part {
    padding: 0.3125rem 0.625rem 0.5rem 0;
    min-width: 12.5rem;
  }

  .nds-dc-checkbox.nds-dc-attachments .nds-dc-plan_item-description {
    padding-right: 0.625rem;
  }

  .nds-dc-checkbox.nds-dc-attachments .nds-dc-plan_item-price-section {
    font-size: 1.5625rem;
  }

  .nds-dc-checkbox .nds-dc-single_price-quantity {
    display: -ms-flexbox;
    display: flex;
    margin-top: -0.625rem;
  }

  .nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input {
    width: 4rem;
    font-size: 1.5625rem;
    padding-left: 0.313rem;
  }
}
@media screen and (min-width: 64rem) {
  .nds-dc-nav_type .nds-dc-plan_item-price-section {
    margin: 0.32rem 0;
    text-align: center;
    padding: 0.625rem;
    font-size: 1.7rem;
    border-top: 1px solid #dddbda;
  }

  .nds-dc-nav_type .nds-dc-plan_item-price-section.nds-dc-hide-price {
    visibility: hidden;
  }

  .nds-dc-nav_type .nds-dc-plan_name {
    font-size: 0.875rem;
    font-weight: 700;
    white-space: pre-line;
    min-height: 2.5rem;
    overflow-y: auto;
  }

  .nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity {
    border-top: 1px solid #dddbda;
    margin: 0;
  }

  .nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity {
    padding: 0.625rem;
    padding-bottom: 0;
  }

  .nds-dc-nav_type.nds-dc-checkbox .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input {
    width: 5rem;
    font-size: 1.5625rem;
    padding-left: 0.875rem;
  }

  .nds-dc-nav_type.nds-dc-checkbox .nds-tile_board {
    margin-top: 0.625rem;
  }

  .nds-dc-nav_type.nds-dc-checkbox .nds-dc-plan_item-price-section {
    margin-bottom: -0.5rem;
    text-align: center;
    padding: 0.625rem;
    font-size: 1.5625rem;
    border: none;
  }

  .nds-dc-nav_type.nds-dc-checkbox.nds-dc-checked {
    border: 1px solid #ff6d00;
  }

  .nds-dc-nav_type.nds-dc-checkbox.nds-dc-checked .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_input {
    border-bottom: 2px solid #ff6d00;
  }

  .nds-dc-nav_type.nds-dc-checkbox.nds-dc-checked .nds-dc-single_price-quantity .nds-dc-quantity .nds-dc-quantity_label {
    color: #ff6d00;
  }
}
.nds-dc-checkout {
  padding: 1rem;
}

.nds-dc-checkout .nds-dc-step_label {
  color: #54698d;
  font-weight: 400;
  margin: 1rem 0;
}

.nds-dc-checkout .nds-dc-checkout_heading-title {
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.25;
  position: relative;
  color: #000;
}

.nds-dc-checkout .nds-dc-checkout_heading-title:after {
  content: "";
  background: #003da5;
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  width: 3.125rem;
  height: 0.1875rem;
}

.nds-dc-checkout .nds-dc-checkout_body-container {
  margin: 4rem 0 8rem 0;
}

.nds-dc-checkout .nds-dc-checkbox .nds-checkbox_faux {
  margin-right: 0.4rem;
  width: 1.5rem;
  height: 1.5rem;
}

.nds-dc-checkout .nds-dc-checkbox .nds-form-element__label {
  color: #2a426c;
}

.nds-dc-checkout .nds-dc-terms-conditions {
  border: 1px solid #dddbda;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0.8rem 1.3rem 1.5rem;
  background-color: #f8fbfe;
}

.nds-dc-checkout .nds-dc-checkout-os_container {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 1rem;
  margin-bottom: 4rem;
}

.nds-dc-checkout .nds-dc-checkout-os_container .nds-dc-checkout-os {
  width: 100%;
  height: 70vh;
  border: none;
}

.nds-dc-checkout .nds-dc-checkout-os_container .nds-dc-checkout-os .nds-p-vertical_large {
  padding: 0;
}

.nds-dc-checkout .nds-dc-checkout-os_container .nds-dc-checkout-os .nds-card {
  border: none;
  box-shadow: none;
}

.nds-dc-checkout .nds-dc-payment_container {
  width: 100%;
  height: 34.5rem;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-checkout {
    padding: 4rem;
  }

  .nds-dc-checkout .nds-dc-checkout_body-container {
    margin: 4rem 1rem;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-checkout .nds-dc-checkout_body-container {
    margin: 4rem 20rem;
  }
}
.nds-dc-sign-in .nds-dc-step_label {
  color: #54698d;
  font-weight: 400;
  margin: 1rem 0;
}

.nds-dc-sign-in .nds-dc-form_label {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.nds-dc-sign-in .nds-dc-form-element_row {
  margin-top: 1.8rem;
}

.nds-dc-sign-in .nds-form_compound {
  border: 1px solid #dddbda;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0.8rem 1.5rem 0.8rem;
  margin: 2.5rem 0 1rem 0;
}

.nds-dc-sign-in .nds-radio .nds-dc-radio_faux {
  height: 1.5rem;
  width: 1.5rem;
}

.nds-dc-sign-in .nds-radio .nds-form-element__label {
  margin-left: 0.5rem;
}

.nds-dc-sign-in .nds-radio [type=radio]:checked + .nds-radio__label .nds-dc-radio_faux:after {
  width: 0.7rem;
  height: 0.7rem;
}

.nds-dc-sign-in .nds-dc-ref-auth_button {
  width: 30rem;
  z-index: 1;
  top: 50%;
  position: absolute;
}

.nds-dc-sign-in .nds-dc-ref-auth_status {
  width: 20rem;
  text-align: center;
  top: 55%;
  z-index: 100;
  left: 50%;
  color: #54698d;
}

.nds-dc-sign-in input[type=number]::-webkit-inner-spin-button,
.nds-dc-sign-in input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-sign-in .nds-form_compound {
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
  }

  .nds-dc-sign-in .nds-dc-form_label {
    font-weight: 300;
  }
}
.nds-dc-progress-indicator .nds-progress {
  max-width: 90%;
  color: #0070d2;
  font-weight: 300;
}

.nds-dc-progress-indicator .nds-progress__step-label {
  font-size: 0.8rem;
  white-space: normal;
  margin-left: 0.2rem;
}

.nds-dc-progress-indicator .nds-progress__item {
  cursor: default;
}

.nds-dc-progress-indicator .nds-progress__item.nds-is-completed .nds-progress__step-label {
  margin-top: 1.2rem;
}

@media only screen and (min-width: 64rem) {
  .nds-dc-progress-indicator .nds-progress__step-label {
    white-space: nowrap;
    font-size: 1rem;
  }
}
.nds-dc-update-address .nds-dc-step_label {
  color: #54698d;
  font-weight: 400;
  margin: 1rem 0;
}

.nds-dc-update-address .nds-dc-form_label {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.nds-dc-update-address .nds-dc-form-element_row {
  margin-top: 1.3rem;
}

.nds-dc-update-address .nds-form_compound {
  border: 1px solid #dddbda;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0.8rem 1.5rem 0.8rem;
  margin-bottom: 1rem;
}

.nds-dc-update-address .nds-dc-checkout_hr {
  display: none;
}

.nds-dc-update-address .nds-dc-checkbox .nds-checkbox_faux {
  margin-right: 0.4rem;
  width: 1.5rem;
  height: 1.5rem;
}

.nds-dc-update-address .nds-dc-checkbox .nds-form-element__label {
  color: #2a426c;
}

.nds-dc-update-address .nds-dc-form-element {
  margin-top: 2rem;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-update-address .nds-form_compound {
    border: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
  }

  .nds-dc-update-address .nds-dc-form_label {
    font-weight: 300;
  }

  .nds-dc-update-address .nds-dc-checkout_hr {
    display: block;
  }
}
.nds-dc-review-order_container .nds-dc-step_label {
  color: #54698d;
  font-weight: 400;
  margin: 1rem 0;
}

.nds-dc-review-order_container .nds-dc-form_label {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  font-weight: 400;
}

.nds-dc-review-order_container .nds-dc-form-element {
  margin-top: 2rem;
}

.nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container {
  border: 1px solid #dddbda;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
  padding: 0.8rem 0.8rem 1.3rem 1.5rem;
  margin: 1.25rem 0;
}

.nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container .nds-dc-review_title {
  color: #54698d;
  font-size: 1.25rem;
  font-weight: 700;
}

.nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container .nds-dc-review_details-body {
  margin: 0.5rem 0;
}

.nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container .nds-dc-review_details-body .nds-dc-review_name {
  font-weight: 300;
  font-size: 0.875rem;
  margin-top: 0.2rem;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container .nds-dc-review_details-body.nds-dc-checkout_payment-review {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-review-order_container .nds-dc-checkout_review-order .nds-dc-checkout_details-container .nds-dc-review_details-body.nds-dc-checkout_payment-review .nds-dc-review_name {
    margin-right: 1rem;
  }
}
.nds-dc-filter {
  padding: 0.5rem;
}

.nds-dc-filter .nds-dc-filter_button svg {
  height: 0.625rem;
  width: 1.25rem;
}

.nds-dc-filter .nds-dc-filter_button img {
  width: 1.5rem;
  height: auto;
  margin-left: 0.625rem;
  margin-top: 0.313rem;
}

.nds-dc-filter .nds-dc-filter_button.nds-button_neutral svg polygon {
  fill: #0070d2;
}

.nds-dc-filter .nds-dc-filter-container.nds-dc-filter_container_show {
  border: 0.063rem solid #0070d2;
  height: 13.75rem;
  transition: height 0.15s ease-in;
  margin-top: 1.25rem;
  padding: 1rem 1.5rem;
  border-radius: 0.313rem;
}

.nds-dc-filter .nds-dc-filter-container.nds-dc-filter_container_hide {
  height: 0;
  transition: height 0.15s ease-out;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container {
  display: table;
  width: 100%;
  height: 100%;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container input {
  font-size: 3.125rem;
  margin-top: 0.625rem;
  margin-left: 1rem;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container .nds-dc-filter-group {
  display: table-cell;
  width: 25%;
  height: 100%;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container .nds-dc-filter-group .nds-dc-filter-section {
  font-weight: 700;
  font-size: 1.25rem;
  color: #54698d;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container .nds-dc-filter-group .nds-checkbox .nds-form-element__label {
  margin-left: 0.313rem;
  font-size: 1.25rem;
}

.nds-dc-filter .nds-dc-filter-container .nds-dc-filter-section_container .nds-dc-filter-group .nds-checkbox .nds-checkbox_faux {
  width: 1.2rem;
  height: 1.2rem;
}

.nds-dc-filter .nds-dc-filter_criteria-container {
  width: 10rem;
  height: 2.688rem;
  margin-top: 0.625rem;
  position: relative;
  border-radius: 0.625rem;
  background-color: #0070d2;
  color: white;
  position: relative;
  display: inline-block;
  margin-right: 0.625rem;
  font-size: 1rem;
}

.nds-dc-filter .nds-dc-filter_criteria-container .nds-dc-filter-criteria {
  display: inline-block;
  padding-left: 0.625rem;
  padding-top: 0.625rem;
}

.nds-dc-filter .nds-dc-filter_criteria-container .nds-dc-filter-remove {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  cursor: pointer;
}

.nds-dc-promotion_list-component {
  padding: 0.5rem;
  padding-right: 1rem;
  border-top: 0.063rem solid #dddbda;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list-heading {
  color: #54698d;
  font-weight: 700;
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list {
  background-clip: padding-box;
  list-style: none;
  margin-bottom: 1.25rem;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list .nds-dc-promotion_list-title {
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #131313;
  font-weight: 700;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list .nds-dc-promotion_list-description {
  font-size: 0.75rem;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list label.nds-dc-promotion_list-apply {
  font-size: 0.6rem;
  color: #145ab7;
  cursor: pointer;
}

.nds-dc-promotion_list-component .nds-dc-promotion_list input[type=checkbox] {
  display: none;
}

.nds-dc-promotion_list-component .nds-p-horizontal_small {
  padding: 0;
}

.nds-dc-promotion_list-component .nds-dc-align_center {
  text-align: center;
}

@media only screen and (min-width: 30rem) {
  .nds-dc-promotion_list-component {
    padding: 1.4rem 1.875rem;
  }

  .nds-dc-promotion_list-component .nds-dc-promotion_list label.nds-dc-promotion_list-apply {
    font-size: 0.9375rem;
  }
}
@media only screen and (min-width: 48rem) {
  .nds-dc-promotion_list-component {
    padding: 1.5rem 2rem;
  }

  .nds-dc-promotion_list-component .nds-dc-promotion_list-heading {
    font-size: 1.0625rem;
    margin-bottom: 1.875rem;
  }

  .nds-dc-promotion_list-component .nds-dc-promotion_list label.nds-dc-promotion_list-apply {
    font-size: 0.9375rem;
  }

  .nds-dc-promotion_list-component .nds-p-horizontal_small {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
.nds-dc-modal {
  display: block;
  position: fixed;
  z-index: 1;
  padding-top: 1.5rem;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.nds-dc-modal .nds-dc-modal_content {
  background-color: #fefefe;
  margin: auto;
  padding: 1.25rem;
  border: 0.063rem solid #888888;
  width: 95%;
  max-height: 95%;
  overflow: auto;
}

.nds-dc-modal .nds-dc-modal_content .nds-dc-modal_close {
  color: #aaaaaa;
  float: right;
  font-size: 1.75rem;
  font-weight: 700;
}

.nds-dc-modal .nds-dc-modal_content .nds-dc-modal_close:hover,
.nds-dc-modal .nds-dc-modal_content .nds-dc-modal_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-modal {
    padding-top: 6.25rem;
  }

  .nds-dc-modal .nds-dc-modal_content {
    width: 80%;
    max-height: 70%;
  }
}
.nds-dc-applied-promo-container {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin: 0.875rem 0;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-applied-promo-label {
  width: 35%;
  padding-left: 0.3125rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #ff6d00;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-adjustment-value-one-time {
  font-size: 0.75rem;
  line-height: 1.25rem;
  margin-top: -0.625rem;
  width: 35%;
  text-align: right;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-value-one-time {
  border-bottom: 0.1rem solid #888888;
  width: 4rem;
  display: inline-block;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-adjustment-value-recurring {
  line-height: 1.25rem;
  margin-top: -0.625rem;
  width: 17%;
  margin-right: 0.3125rem;
  font-size: 0.75rem;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-delete-icon {
  width: 10%;
  margin-top: -0.75rem;
  margin-left: 0.3125rem;
  text-align: center;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-delete-icon .nds-dc-trash-title {
  color: #145ab7;
  font-size: 0.9375rem;
  margin-left: 0.3125rem;
  cursor: pointer;
  display: none;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-delete-icon img {
  height: 0.75rem;
}

.nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-edit-icon {
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  margin-top: 0;
  padding-top: 0;
  left: 0;
  top: 0;
  visibility: hidden;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-applied-promo-container {
    padding: 0px 1rem 0px 1.875rem;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-applied-promo-label {
    width: 30%;
    padding-left: 1.25rem;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-adjustment-value-one-time {
    width: 40%;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-adjustment-value-recurring {
    width: 20%;
    font-size: 1.0625rem;
    margin-right: 0;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-delete-icon {
    width: 10%;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-edit-icon {
    margin-left: 1rem;
  }

  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-value-one-time {
    width: 6rem;
  }
}
@media only screen and (min-width: 80rem) {
  .nds-dc-applied-promo-container .nds-dc-applied-promo .nds-dc-delete-icon .nds-dc-trash-title {
    display: unset;
  }
}
.nds-dc-offer_media {
  margin: 0 auto;
  text-align: center;
}

.nds-dc-offer_media img,
.nds-dc-offer_media .nds-dc-media_view-wrapper {
  height: 20rem;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
  white-space: nowrap;
  perspective: 62.5rem;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-carousel-next {
  right: 0;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-carousel-prev {
  left: 0;
  z-index: 1;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-carousel-controls.nds-dc-carousel-prev,
.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-carousel-controls.nds-dc-carousel-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -1.375rem;
  font-weight: 700;
  font-size: 1.125rem;
  transition: 4s ease;
  border-radius: 0 0.188rem 0.188rem 0;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #000;
  text-decoration: none;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-slide,
.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-video-display-container {
  height: 100%;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-slide {
  transition: all 0.5s ease-in-out;
  display: inline-block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.nds-dc-offer_media .nds-dc-media_view-wrapper .nds-dc-slide .nds-dc-video-display-container .nds-dc-video-display-holder {
  height: 25rem;
  max-height: 100%;
  max-width: 90%;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container {
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  max-width: 80%;
  margin: 1.25rem auto 0 auto;
  text-align: center;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview {
  display: inline-block;
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin-right: 0.313rem;
  /* The dots/bullets/indicators */
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview video.nds-dc-corousel-video,
.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview img.nds-dc-corousel-img,
.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview .nds-dc-media-overlay {
  height: 3.75rem;
  width: 3.438rem;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview video.nds-dc-corousel-video,
.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview img.nds-dc-corousel-img {
  border: 0.063rem solid #d8dde6;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview img.nds-dc-play-icon-overlay {
  height: 1.563rem;
  margin-top: 0.938rem;
  position: absolute;
  top: 0.25rem;
  right: 0.938rem;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview img.nds-dc-corousel-img {
  padding: 0.688rem 0.875rem;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview svg.nds-dc-play-icon-overlay {
  height: 1.563rem;
  margin-top: 0.938rem;
  position: absolute;
  top: 0.25rem;
  right: 0.938rem;
  width: 1.563rem;
  fill: #6cb7fa;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview .nds-dc-media-overlay.nds-dc-active-media-overlay {
  border-bottom: 0.125rem solid #ff6d00;
  background-color: transparent;
  opacity: 1;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview .nds-dc-media-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #919297;
  opacity: 0.5;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview .nds-dc-dot {
  cursor: pointer;
  height: 0.938rem;
  width: 0.938rem;
  margin: 0 0.125rem;
  background-color: #c4c6ca;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.nds-dc-offer_media .nds-dc-carousel-preview-container .nds-dc-media-preview .nds-dc-dot.nds-dc-active {
  background-color: #6b6d70;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer_media img,
.nds-dc-offer_media .nds-dc-media_view-wrapper {
    height: 26rem;
  }

  .nds-dc-offer_media .nds-dc-media_view-wrapper {
    max-width: 75%;
  }
}
.nds-dc-offer-round-button-set.nds-dc-color-attribute-container {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute-label {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 3.125rem;
  font-size: 0.875rem;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute,
.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute .nds-dc-offer-color-bg {
  display: inline-block;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute-label {
  width: 4.75rem;
  display: inline-block;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute {
  border: 0.063rem solid #d9dbdd;
  width: 6.25rem;
  height: 3.125rem;
  padding-bottom: 0.313rem;
  text-align: center;
  margin-right: 0.313rem;
  cursor: pointer;
  font-size: 0.813rem;
  min-width: 4.688rem;
  margin-bottom: 0.625rem;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute .nds-dc-offer-color-bg {
  height: 0.625rem;
  width: 100%;
  position: relative;
  top: -0.438rem;
  background-color: #c4c6ca;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute .nds-dc-offer-color-label {
  display: block;
  margin-top: -0.375rem;
  font-size: 0.8125rem;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute.nds-dc-active {
  border: 0.063rem solid #ff6d00;
}

.nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute.disable {
  pointer-events: none;
  opacity: 0.3;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute, .nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute-label {
    min-width: unset;
  }

  .nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute-label {
    font-size: 0.8125rem;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-offer-round-button-set.nds-dc-color-attribute-container .nds-dc-offer-attribute {
    font-size: unset;
    margin-bottom: 0;
  }
}
.nds-dc-offer-config-input-field .nds-dc-offer-attribute-label {
  display: inline-block;
  width: 4.75rem;
  font-size: 0.875rem;
}

.nds-dc-offer-config-input-field input {
  width: 5rem;
  padding: 0.313rem;
  border: none;
  border-bottom: 0.063rem solid #d9dbdd;
  background-color: #fff;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-config-input-field .nds-dc-offer-attribute-label {
    font-size: 0.8125rem;
  }
}
.nds-dc-offer-button-set {
  overflow: auto;
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-offer-button-set .nds-dc-offer-attribute-label,
.nds-dc-offer-button-set .nds-dc-offer-attribute {
  display: inline-block;
}

.nds-dc-offer-button-set .nds-dc-offer-attribute-label {
  width: 4.75rem;
  min-width: 4.375rem;
  font-size: 0.875rem;
}

.nds-dc-offer-button-set .nds-dc-offer-attribute {
  padding-top: 0.625rem;
  height: 2.5rem;
  width: 6.25rem;
  border: 0.063rem solid #d9dbdd;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
  font-size: 0.813rem;
  min-width: 4.688rem;
  margin-bottom: 0.625rem;
}

.nds-dc-offer-button-set .nds-dc-offer-attribute.nds-dc-active {
  border: 0.063rem solid #ff6d00;
}

.nds-dc-offer-button-set .nds-dc-offer-attribute.nds-dc-disable {
  pointer-events: none;
  opacity: 0.3;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-button-set .nds-dc-offer-attribute, .nds-dc-offer-button-set .nds-dc-offer-attribute-label {
    font-size: 0.8125rem;
    min-width: unset;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-offer-button-set .nds-dc-offer-attribute {
    margin-bottom: 0;
  }
}
.nds-dc-offer-payment .nds-dc-offer-attribute-label {
  display: inline-block;
  width: 4.75rem;
  margin-top: 0.625rem;
  font-size: 0.875rem;
}

.nds-dc-offer-payment .nds-dc-offer-payment-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 1.25rem 0;
}

.nds-dc-offer-payment .nds-dc-offer-payment-config .nds-dc-offer-config-payment-plans {
  -ms-flex: 1;
      flex: 1;
  border: 0.063rem solid #d9dbdd;
  padding: 0.625rem;
  margin-right: 0.313rem;
}

.nds-dc-offer-payment .nds-dc-offer-payment-config .nds-dc-offer-config-payment-plans .nds-dc-term-text {
  font-size: 0.75rem;
  color: #556a8c;
  font-weight: 300;
  margin-bottom: 0.625rem;
  display: inline-block;
}

.nds-dc-offer-payment .nds-dc-offer-payment-config .nds-dc-offer-config-payment-plans .nds-dc-term-value {
  font-size: 1.7rem;
  font-weight: 400;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-payment {
    font-size: 0.8125rem;
  }
}
.nds-dc-text-attributes {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding: 0.625rem 0 1.25rem 0;
}

.nds-dc-text-attributes .nds-dc-offer-text-set {
  min-width: 5rem;
  margin-right: 0.625rem;
}

.nds-dc-text-attributes .nds-dc-offer-text-set.nds-dc-addborder {
  border-right: 1px solid #d9dbdd;
}

.nds-dc-text-attributes .nds-dc-offer-text-set .nds-dc-offer-text-attribute-label {
  font-size: 0.75rem;
}

.nds-dc-text-attributes .nds-dc-offer-text-set .nds-dc-spacer {
  height: 0.313rem;
}

.nds-dc-text-attributes .nds-dc-offer-text-set .nds-dc-offer-text-attribute-value {
  font-size: 0.875rem;
  margin-right: 0.625rem;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-text-attributes .nds-dc-offer-text-set .nds-dc-offer-text-attribute-value {
    font-size: 1rem;
  }
}
.nds-dc-offer-details h2 {
  font-size: 1.125rem;
  font-weight: 700;
}

.nds-dc-offer-details .nds-dc-spinner {
  position: fixed;
}

.nds-dc-offer-details .nds-dc-text-configurations {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}

.nds-dc-offer-details .nds-dc-offer-color-config-component,
.nds-dc-offer-details .nds-dc-offer-input-config,
.nds-dc-offer-details .nds-dc-offer-attribute-config {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  padding: 1.25rem 0;
  border-bottom: 0.063rem solid #d9dbdd;
}

.nds-dc-offer-details .nds-dc-offer-color-config-component,
.nds-dc-offer-details .nds-dc-offer-configurations {
  overflow: auto;
}

.nds-dc-offer-details .nds-dc-offer-color-config-component {
  border-top: 0.063rem solid #d9dbdd;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer-details {
    padding-left: 0.625rem;
  }
}
@media only screen and (min-width: 80rem) {
  .nds-dc-offer-details {
    padding-left: 0rem;
  }
}
.nds-dc-offer_config {
  margin: 0 1rem;
}

.nds-dc-offer_config .nds-dc-spinner {
  position: fixed;
}

.nds-dc-offer_config .nds-dc-offer-config-title-container {
  margin: 1rem 0 0 1rem;
}

.nds-dc-offer_config .nds-dc-offer-config-title-container .nds-dc-plan-title {
  font-size: 1.75rem;
  color: #000;
}

.nds-dc-offer_config .nds-dc-offer-config-title-container .nds-dc-underline-title {
  width: 3.125rem;
  display: inline-block;
  border-bottom: 0.188rem solid #ff6d00;
}

.nds-dc-offer_config .nds-dc-offer-config-container {
  display: block;
  width: 100%;
}

.nds-dc-offer_config .nds-dc-offer-config-container .nds-dc-media-container {
  min-width: 18.75rem;
  width: 100%;
}

.nds-dc-offer_config .nds-dc-offer-config-container .nds-dc-offer-config-details {
  padding-top: 2rem;
  margin-bottom: 2.5rem;
  width: 100%;
  padding-right: 0;
}

.nds-dc-offer_config .nds-dc-continue-btn {
  color: #fff;
  background-color: #1564bf;
  text-align: center;
  border-radius: 0.3125rem;
  margin: 1.875rem auto;
  display: block;
  padding: 0 1.25rem;
}

.nds-dc-offer_config .nds-dc-offer-group-sections {
  display: block;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-offer_config .nds-dc-offer-config-title-container {
    margin: 3.125rem 0 0 3.125rem;
  }

  .nds-dc-offer_config .nds-dc-offer-group-sections {
    padding: 0 1.25rem;
  }

  .nds-dc-offer_config .nds-dc-offer-config-container {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-offer_config .nds-dc-offer-config-container .nds-dc-offer-config-details {
    width: 60%;
  }

  .nds-dc-offer_config .nds-dc-offer-config-container .nds-dc-media-container {
    width: 40%;
  }
}
.nds-dc-my-account h2 {
  color: #111;
  font-weight: 700;
  margin-left: 0.625rem;
  margin-top: 0.5rem;
}

.nds-dc-my-account .nds-dc-asset-border {
  width: 3.125rem;
  height: 0.1875rem;
  background: #ff6d00;
  margin-top: 0.25rem;
  margin-left: 0.625rem;
}

.nds-dc-asset-item {
  border: 1px solid #d8dde6;
  padding: 0.625rem;
  margin: 0.625rem 0;
}

.nds-dc-asset-item .nds-dc-asset-item_title {
  display: -ms-flexbox;
  display: flex;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-selection {
  -ms-flex: 1;
      flex: 1;
  padding-top: 0.1875rem;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header {
  -ms-flex: 9;
      flex: 9;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header h3 {
  color: #54698d;
  font-weight: 700;
  font-size: 1.25rem;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details {
  display: -ms-flexbox;
  display: flex;
  padding-right: 0.625rem;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_label {
  color: #54698d;
  display: block;
  font-weight: 700;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_header-fields {
  -ms-flex: 1;
      flex: 1;
  text-align: right;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_label {
  -ms-flex: none;
      flex: none;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_header-qty {
  text-align: center;
  -ms-flex: none;
      flex: none;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_header-prices {
  text-align: right;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-toggle-container {
  -ms-flex: 1;
      flex: 1;
}

.nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-toggle-container .nds-dc-toggle_icons {
  width: 1rem;
  height: 1rem;
  font-size: 1.6rem;
  text-align: center;
  transition: all 0.35s;
  color: #b0adab;
}

.nds-dc-asset-item .nds-dc-asset-labels {
  display: none;
}

.nds-dc-asset-item .nds-dc-asset-labels .nds-dc-asset-label_details {
  padding-right: 0.625rem;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-asset-item {
    padding: 0.625rem 1.875rem;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title {
    height: 2.5rem;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header h3, .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details {
    -ms-flex: 1;
        flex: 1;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details {
    text-align: center;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-selection {
    width: 3.125rem;
    text-align: left;
    -ms-flex: none;
        flex: none;
  }

  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-toggle-container {
    -ms-flex: none;
        flex: none;
    width: 0.9375rem;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-asset-item .nds-dc-asset-item_title .nds-dc-asset-item_header .nds-dc-asset-item_header-details .nds-dc-asset-item_header-qty {
    -ms-flex: 1;
        flex: 1;
  }

  .nds-dc-asset-item .nds-dc-asset-labels {
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.625rem;
  }

  .nds-dc-asset-item .nds-dc-asset-labels .nds-dc-asset-label_title, .nds-dc-asset-item .nds-dc-asset-labels .nds-dc-asset-label_details {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-asset-item .nds-dc-asset-labels .nds-dc-asset-label_details .nds-dc-asset-label_item {
    -ms-flex: 1;
        flex: 1;
    text-align: right;
    color: #54698d;
    font-weight: 700;
  }

  .nds-dc-asset-item .nds-dc-asset-labels .nds-dc-asset-label_details .nds-dc-asset-label_qty {
    text-align: center;
  }
}
.nds-dc-assets-list h2 {
  color: #111;
  text-align: center;
}

.nds-dc-asset-each-item {
  padding: 0.625rem;
  border: 1px solid #d8dde6;
}

.nds-dc-asset-each-item.nds-dc-asset-each-item_parent {
  margin-top: 0.625rem;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding-top: 0.625rem;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container {
  -ms-flex: 1;
      flex: 1;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-addon_title {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #d8dde6;
  font-size: 0.875rem;
  font-weight: 700;
  min-height: 2.5rem;
  text-align: left;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-addon_title .nds-dc-asset-addon_desc {
  font-size: 0.625rem;
  color: #4e5356;
  font-weight: 400;
  padding: 0.3125rem 0;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-addon_title .nds-dc-level_down-icon {
  height: 0.625rem;
  width: 0.625rem;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  padding-right: 0.625rem;
  padding-top: 0.625rem;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header div {
  -ms-flex: 1;
      flex: 1;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header .nds-dc-asset-item_price {
  text-align: right;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header .nds-dc-asset-item_label {
  color: #54698d;
  font-size: 1rem;
  display: block;
}

.nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-selection-placeholder, .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-toggle-container {
  display: none;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 9;
        flex: 9;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header .nds-dc-asset-item_label {
    display: none;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-selection-placeholder {
    width: 3.125rem;
    text-align: left;
    -ms-flex: none;
        flex: none;
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-toggle-container {
    width: 0.9375rem;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-asset-each-item {
    display: -ms-flexbox;
    display: flex;
    padding: 0.625rem 0;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details {
    -ms-flex: 1;
        flex: 1;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container {
    -ms-flex: 9;
        flex: 9;
    display: -ms-flexbox;
    display: flex;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-addon_title {
    padding-bottom: 0;
    border-bottom: none;
    -ms-flex: 1;
        flex: 1;
    text-align: left;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-addon-container .nds-dc-asset-item_header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
        flex: 1;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-asset-selection-placeholder {
    width: 3.125rem;
    -ms-flex: none;
        flex: none;
  }

  .nds-dc-asset-each-item .nds-dc-asset-item_details .nds-dc-toggle-container {
    width: 0.9375rem;
  }
}
.nds-dc-asset-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #d8dde6;
  margin-top: 0.625rem;
  padding-top: 0.625rem;
  border-bottom: 1px solid #d8dde6;
}

.nds-dc-asset-attributes .nds-dc-each-attribute {
  width: 33.33%;
  border-right: 1px solid #d8dde6;
  box-sizing: border-box;
  padding: 0.25rem;
  margin: 0.25rem 0;
  text-align: center;
}

.nds-dc-asset-attributes .nds-dc-each-attribute .nds-dc-attribute-label {
  color: #54698d;
  font-size: 1rem;
}

.nds-dc-asset-attributes .nds-dc-each-attribute:nth-of-type(3n) {
  border-right: none;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-asset-attributes {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 0.625rem;
  }

  .nds-dc-asset-attributes .nds-dc-each-attribute {
    min-width: 20%;
    border-right: 1px solid #d8dde6;
  }

  .nds-dc-asset-attributes .nds-dc-each-attribute:nth-of-type(3n) {
    border-right: 1px solid #d8dde6;
  }

  .nds-dc-asset-attributes .nds-dc-each-attribute:last-child {
    border-right: none;
  }
}
@media only screen and (min-width: 64rem) {
  .nds-dc-asset-attributes .nds-dc-each-attribute {
    min-width: 16.667%;
  }
}
.nds-dc-global-header {
  height: 3.125rem;
  border-bottom: 1px solid #d8dde6;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.625rem;
}

.nds-dc-global-header .nds-dc-header-cart {
  width: 3.125rem;
  padding-left: 0.625rem;
}

.nds-dc-global-header .nds-dc-header-logo {
  -ms-flex: 2;
      flex: 2;
  padding-top: 0.125rem;
  text-align: left;
}

.nds-dc-global-header .nds-dc-header-logo .nds-dc-header-logo-icon {
  height: 1.875rem;
}

.nds-dc-global-header .nds-dc-header-cart, .nds-dc-global-header .nds-dc-header-account, .nds-dc-global-header .nds-dc-header-signin {
  padding: 0.375rem 0 0.375rem 1.25rem;
  text-align: right;
}

.nds-dc-toast {
  margin: 0 0 0.5rem;
  padding: 1rem 1rem 1rem 4rem;
  width: 18rem;
  border-radius: 0.25rem;
  background-position: 1.25rem center;
  background-repeat: no-repeat;
  box-shadow: 0 0 1rem #999999;
  background-color: #bd362f;
  color: #ffffff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
}

.nds-dc-toast .nds-dc-toast-title {
  font-weight: 700;
}

.nds-dc-toast .nds-dc-toast-message {
  word-wrap: break-word;
}

.nds-dc-toast-error {
  background-color: #bd362f;
}

.nds-dc-toast-success {
  background-color: green;
}

.nds-dc-toast-top-right {
  top: 1rem;
  right: 1rem;
  position: fixed;
  z-index: 100;
}

@media only screen and (min-width: 48rem) {
  .nds-dc-toast {
    width: 20rem;
  }
}
/**
 * @summary This is a vlocity action.
 *
 * @name base
 * @selector .nds-action
 * @restrict ul
 * @variant
 * @required
 * @support dev-ready
 */
.nds-action .nds-action_item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  color: inherit;
  vertical-align: middle;
}

.nds-action .nds-action_inline {
  display: inline-block;
}

.nds-action .nds-action_text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: inherit;
}

.nds-action .menu-item-label {
  width: 100%;
}

/**
 * @summary Create badge component
 *
 * @name base
 * @selector .nds-badge
 * @restrict span
 * @variant
 */
.nds-badge {
  background-color: #ecebea;
  padding: 0.25rem 0.5rem;
  border-radius: 15rem;
  font-size: 0.625rem;
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  color: #1b1b1b;
  vertical-align: bottom;
  white-space: nowrap;
}

.nds-badge + .nds-badge {
  margin-left: 0.5rem;
}

.nds-badge:empty {
  padding: 0;
}

/**
 * @summary Inverse badge component
 *
 * @name inverse
 * @selector .nds-badge_inverse
 * @restrict .nds-badge
 */
.nds-badge_inverse {
  background-color: #706e6b;
  color: #fff;
}

/**
 * @summary Light badge with icon
 *
 * @name lightest
 * @selector .nds-badge_lightest
 * @restrict .nds-badge
 */
.nds-badge_lightest {
  border: 1px solid #dddbda;
  background-color: #fff;
  font-size: 0.75rem;
  text-transform: none;
  letter-spacing: normal;
}

/**
 * @summary Brand badge
 *
 * @name brand
 * @selector .nds-badge_brand
 * @restrict .nds-badge
 */
.nds-badge_brand {
  border: 1px solid #003da5;
  background-color: #003da5;
  color: #fff;
}

/**
 * An image is the preferred format for an avatar
 *
 * @summary Creates a block control
 * @name base
 * @selector .nds-block
 * @restrict div
 * @variant
 */
.nds-block {
  padding: 0 !important;
}

.nds-block > .nds-form-element__control {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: inline-block;
  width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .nds-block > .nds-form-element__control {
    -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    display: inline-block;
    width: 100%;
  }
}
.nds-block .nds-control-action__container[vlc-bubble-canceller] {
  font-size: 0.8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: end;
      align-items: flex-end;
  padding-top: 0;
  padding-right: 0;
  color: #1564bf;
}

.nds-block .nds-control-action__container[vlc-bubble-canceller] > span {
  display: inline-block;
  padding: 0 5px;
  border-left: 2px solid #f4f6f9;
}

.nds-block .nds-control-action__container[vlc-bubble-canceller] > span:first-child {
  border-left: 0;
}

.nds-block .nds-control-action__container[vlc-bubble-canceller] > span:last-child {
  padding-right: 0;
}

.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-elem=visible] {
  font-size: 1rem;
  padding-top: 0;
  font-weight: 300;
  padding-left: 1.5625rem;
  color: #00396b;
}

.nds-block .nds-block_container > label ~ .nds-block_body {
  padding-top: 0;
  padding-left: 1.5625rem;
  color: #00396b;
}

.nds-block div[vlc-slds-toggle-elem=visible] > .nds-control-action__container,
.nds-block .nds-block_body > .nds-control-action__container {
  display: block;
  text-align: right;
  margin-bottom: 0.5rem;
}

.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible].toggleElement,
.nds-block .nds-block_container > label ~ .nds-block_body[aria-expanded=false], .nds-block:not(.nds-is-open) > .nds-block_container > label ~ .nds-block_body {
  max-height: 0;
  overflow: hidden;
  transition: opacity 1s, max-height 1s ease-out;
  opacity: 0;
}

.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible] {
  padding-top: 0;
  padding-left: 2.5rem;
  max-height: 1000rem;
  opacity: 1;
  transition: opacity 1s, max-height 1s ease-in;
}

.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible] .nds-wrap ng-form,
.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible] .nds-wrap form,
.nds-block label[vlc-slds-toggle=toggle] ~ div[vlc-slds-toggle-cust-elem=visible] .nds-wrap > * {
  margin-bottom: 0.5rem;
  padding-top: 0;
}

.nds-block .nds-block_container > label ~ .nds-block_body {
  padding-top: 0;
  padding-left: 2rem;
  max-height: 1000rem;
  opacity: 1;
  transition: opacity 1s, max-height 1s ease-in;
}

.nds-block .nds-control-action__container span[disabled=disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.nds-block:not(.nds-is-open) > .nds-block_container > .nds-block_body > .nds-grid {
  display: none;
}

.nds-block__action-icon {
  margin-top: 0 !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  transform: rotate(-90deg);
}

.nds-is-open .nds-block__action-icon {
  transform: rotate(0);
}

.nds-expand {
  display: none;
  transform: rotate(180Deg);
  background: #fff;
  fill: #54698d;
}

.nds-collapse {
  display: initial;
  background: #fff;
  border-radius: 100%;
  padding: 2px;
  fill: #54698d;
  transform: rotate(-90Deg);
}

label[vlc-slds-toggle],
.nds-block_container > label {
  font-size: 1rem;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  min-height: 0;
  margin-right: 0;
}

label[vlc-slds-toggle] .nds-icon,
.nds-block_container > label .nds-icon {
  fill: #00396b;
}

label[vlc-slds-toggle] .nds-form-element__label_toggleText,
label[vlc-slds-toggle] .nds-form-element__label_toggle-text,
.nds-block_container > label .nds-form-element__label_toggleText,
.nds-block_container > label .nds-form-element__label_toggle-text {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-left: 10px;
  color: #1564bf;
  font-weight: 400;
  font-size: 1rem;
}

/* stylelint-disable selector-class-pattern */
.clicked > .nds-expand {
  display: block;
  padding: 2px;
}

.clicked > .nds-collapse {
  display: none;
}

.clicked[label-present=""] .nds-expand,
.clicked[label-present=""] .nds-expand {
  display: none;
}

/* stylelint-enable selector-class-pattern */
.nds-control-action__container span {
  cursor: pointer;
}

.nds-block_container > .nds-form-element__label {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  color: #1564bf;
}

.nds-block_container > .nds-form-element__label .nds-icon.nds-icon--small,
.nds-block_container > .nds-form-element__label .nds-icon.nds-icon_small {
  margin-top: 0.125rem;
  width: 1.2rem;
  height: 1.2rem;
}

.nds-block_container .nds-radio_block .nds-form-element__label .nds-icon.nds-icon--small,
.nds-block_container .nds-radio_block .nds-form-element__label .nds-icon.nds-icon_small {
  margin-top: -0.375rem;
}

.nds-block_container .nds-typeahead .nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label .nds-required {
  top: 0;
}

/**
 * @summary Create breadcrumbs component
 *
 * @name base
 * @selector .nds-breadcrumb
 * @restrict ol
 * @support dev-ready
 * @variant
 */
.nds-breadcrumb {
  /**
   * Item of the breadcrumb list
   *
   * @selector .nds-breadcrumb__item
   * @restrict .nds-breadcrumb li
   * @required
   */
}

.nds-breadcrumb .nds-list__item, .nds-breadcrumb__item {
  position: relative;
}

.nds-breadcrumb .nds-list__item:before, .nds-breadcrumb__item:before {
  content: ">";
  position: absolute;
  left: -0.25rem;
}

.nds-breadcrumb .nds-list__item > a, .nds-breadcrumb__item > a {
  display: block;
  padding: 0 0.5rem;
}

.nds-breadcrumb .nds-list__item > a:hover, .nds-breadcrumb__item > a:hover {
  text-decoration: none;
}

.nds-breadcrumb .nds-list__item:first-child > a, .nds-breadcrumb__item:first-child > a {
  padding-left: 0;
}

.nds-breadcrumb .nds-list__item:first-child:before, .nds-breadcrumb__item:first-child:before {
  content: "";
}

/**
 * @summary Creates button group container
 *
 * @name base
 * @selector .nds-button-group
 * @restrict div
 * @variant
 */
.nds-button-group,
.nds-button-group-list {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.nds-button-group .nds-button,
.nds-button-group-list .nds-button {
  border-radius: 0;
  border-width: 1px;
}

.nds-button-group .nds-button + .nds-button,
.nds-button-group .nds-button + .nds-button_last .nds-button,
.nds-button-group .nds-button + .nds-button--last .nds-button,
.nds-button-group-list li + li .nds-button {
  margin-left: -1px;
}

.nds-button-group-list li:first-child .nds-button,
.nds-button-group .nds-button:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}

/**
 * These selectors must remain in long hand in order to zero out borders that
 * we don't want on last-child or :only-child wrapped buttons
 *
 * @selector .nds-button_last
 * @restrict .nds-button-group div, .nds-button-group-list div
 */
.nds-button-group .nds-button:last-child,
.nds-button-group-list li:last-child .nds-button,
.nds-button-group .nds-button_last .nds-button,
.nds-button-group .nds-button--last .nds-button,
.nds-button-group .nds-button.nds-button_last,
.nds-button-group .nds-button.nds-button--last,
.nds-button-group .nds-button_last .nds-button:only-child,
.nds-button-group .nds-button--last .nds-button:only-child,
.nds-button-group .nds-button.nds-button_last,
.nds-button-group .nds-button.nds-button--last {
  border-radius: 0 0.25rem 0.25rem 0;
}

.nds-button-group .nds-button:only-child,
.nds-button-group-list li:only-child .nds-button {
  border-radius: 0.25rem;
}

.nds-button-group + .nds-button-group,
.nds-button-group + .nds-button-group-list,
.nds-button-group + .nds-button,
.nds-button-group-list + .nds-button-group-list,
.nds-button-group-list + .nds-button-group,
.nds-button-group-list + .nds-button {
  margin-left: 0.25rem;
}

/**
 * The base `.nds-button` looks like a plain text link. It removes all the
 * styling of the native button. It’s typically used to trigger a modal or
 * display a “like” link. All button variations are built by adding another
 * class to `.nds-button`.
 *
 * Add the `.nds-button_neutral` class to create a neutral button, which
 * has a white background and gray border.
 *
 * Use a neutral icon button is for buttons with an icon on the left or
 * right (not for stateful buttons). Add the `.nds-button_neutral` class
 * to `.nds-button`.
 *
 * The SVG inside receives the `.nds-button__icon` class. You can position
 * the icon on the right or the left using `.nds-button__icon_right` or
 * `.nds-button__icon_left` , which apply the correct amount of space
 * between the icon and the text.
 *
 * To create the brand button, add the `.nds-button_brand` class to
 * the `.nds-button` class.
 *
 * To create the destructive button, add the `.nds-button_destructive`
 * class to the `.nds-button` class.
 *
 * Use the inverse button on dark backgrounds. Add the `.nds-button_inverse`
 * class to the `.nds-button` class.
 *
 * @summary This neutralizes all the base styles making it look like a text link
 *
 * @name base
 * @selector .nds-button
 * @restrict button, a, span
 * @variant
 */
.nds-button {
  position: relative;
  display: inline-block;
  padding: 0;
  background: transparent;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  line-height: 1.875rem;
  text-decoration: none;
  color: #003da5;
  -webkit-appearance: none;
  white-space: normal;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-button:hover, .nds-button:focus, .nds-button:active, .nds-button:visited {
  text-decoration: none;
}

.nds-button:hover, .nds-button:focus {
  color: #005fb2;
}

.nds-button:focus {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-button:active {
  color: #00396b;
}

.nds-button[disabled] {
  color: #dddbda;
}

.nds-button:hover .nds-button__icon, .nds-button:focus .nds-button__icon, .nds-button:active .nds-button__icon, .nds-button[disabled] .nds-button__icon {
  fill: currentColor;
  pointer-events: none;
}

.nds-button + .nds-button-group,
.nds-button + .nds-button-group-list {
  margin-left: 0.25rem;
}

.nds-button + .nds-button {
  margin-left: 0.25rem;
}

a.nds-button {
  text-align: center;
}

a.nds-button:focus {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
}

a.nds-button--inverse:focus {
  outline: none;
  box-shadow: 0 0 3px #ecebea;
}

/**
 * Resets attributes of .nds-button back to the browser default
 *
 * @selector .nds-button_reset
 * @restrict button
 * @modifier
 */
.nds-button_reset,
.nds-button--reset {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  padding: 0;
  background: transparent;
  border: 0;
  text-align: inherit;
}

/**
 * Creates the gray border with white background default style
 *
 * @selector .nds-button_neutral
 * @restrict .nds-button
 * @modifier
 * @group theme
 */
.nds-button_neutral,
.nds-button--neutral {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  font-size: 14px;
  font-weight: bold;
  border-color: #003da5;
  background-color: white;
}

.nds-button_neutral:hover, .nds-button_neutral:focus,
.nds-button--neutral:hover,
.nds-button--neutral:focus {
  background-color: #f4f6f9;
}

.nds-button_neutral:active,
.nds-button--neutral:active {
  background-color: #eef1f6;
}

.nds-button_neutral[disabled],
.nds-button--neutral[disabled] {
  background-color: white;
  cursor: default;
  border: 1px solid #bbc2ca;
}

/**
 * Creates the brand blue Salesforce style
 *
 * @selector .nds-button_brand
 * @restrict .nds-button
 * @modifier
 * @group theme
 */
.nds-button_brand,
.nds-button--brand {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  font-size: 14px;
  font-weight: bold;
  background-color: #003da5;
  border-color: #0070d2;
  color: #fff;
}

.nds-button_brand:link, .nds-button_brand:visited, .nds-button_brand:active,
.nds-button--brand:link,
.nds-button--brand:visited,
.nds-button--brand:active {
  color: #fff;
}

.nds-button_brand:hover, .nds-button_brand:focus,
.nds-button--brand:hover,
.nds-button--brand:focus {
  background-color: #005fb2;
  border-color: #0070d2;
  color: #fff;
}

.nds-button_brand:active,
.nds-button--brand:active {
  background-color: #00396b;
  border-color: #00396b;
}

.nds-button_brand[disabled],
.nds-button--brand[disabled] {
  background: #e0e5ee;
  border-color: transparent;
  color: #fff;
}

.nds-button_brand:focus,
.nds-button--brand:focus {
  box-shadow: 0 0 0 4px #fff, 0 0 2px 5px #0070d2;
}

/**
 * Creates the inverse style for dark backgrounds
 *
 * @selector .nds-button_inverse
 * @restrict .nds-button
 * @modifier
 * @group theme
 */
.nds-button_inverse,
.nds-button--inverse {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  font-size: 14px;
  font-weight: bold;
  background-color: transparent;
  border-color: #003da5;
}

.nds-button_inverse[disabled],
.nds-button--inverse[disabled] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
}

.nds-button_inverse, .nds-button_inverse:link, .nds-button_inverse:visited,
.nds-button--inverse,
.nds-button--inverse:link,
.nds-button--inverse:visited,
.nds-button_icon-border-inverse,
.nds-button_icon-border-inverse:link,
.nds-button_icon-border-inverse:visited,
.nds-button--icon-border-inverse,
.nds-button--icon-border-inverse:link,
.nds-button--icon-border-inverse:visited {
  color: #ecebea;
}

.nds-button_inverse:hover, .nds-button_inverse:focus, .nds-button_inverse:active,
.nds-button--inverse:hover,
.nds-button--inverse:focus,
.nds-button--inverse:active,
.nds-button_icon-border-inverse:hover,
.nds-button_icon-border-inverse:focus,
.nds-button_icon-border-inverse:active,
.nds-button--icon-border-inverse:hover,
.nds-button--icon-border-inverse:focus,
.nds-button--icon-border-inverse:active {
  color: #0070d2;
}

.nds-button_inverse:focus,
.nds-button--inverse:focus,
.nds-button_icon-border-inverse:focus,
.nds-button--icon-border-inverse:focus {
  outline: none;
  box-shadow: 0 0 3px #ecebea;
}

.nds-button_inverse[disabled],
.nds-button--inverse[disabled],
.nds-button_icon-border-inverse[disabled],
.nds-button--icon-border-inverse[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

/**
 * Creates a red button style
 *
 * @selector .nds-button_destructive
 * @restrict .nds-button
 * @group theme
 * @modifier
 */
.nds-button_destructive,
.nds-button--destructive {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  font-size: 14px;
  font-weight: bold;
  background-color: #c23934;
  border-color: #c23934;
  color: #fff;
}

.nds-button_destructive:link, .nds-button_destructive:visited, .nds-button_destructive:active,
.nds-button--destructive:link,
.nds-button--destructive:visited,
.nds-button--destructive:active {
  color: #fff;
}

.nds-button_destructive:hover, .nds-button_destructive:focus,
.nds-button--destructive:hover,
.nds-button--destructive:focus {
  background-color: #a61a14;
  color: #fff;
}

.nds-button_destructive:active,
.nds-button--destructive:active {
  background-color: #870500;
  border-color: #870500;
}

.nds-button_destructive[disabled],
.nds-button--destructive[disabled] {
  background: #e0e5ee;
  border-color: transparent;
  color: #fff;
}

/**
 * Creates a green button style
 *
 * @selector .nds-button_success
 * @restrict .nds-button
 * @group theme
 * @modifier
 */
.nds-button_success,
.nds-button--success {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  font-size: 14px;
  font-weight: bold;
  background-color: #4bca81;
  border-color: #4bca81;
  color: #1b1b1b;
}

.nds-button_success:link, .nds-button_success:visited, .nds-button_success:active,
.nds-button--success:link,
.nds-button--success:visited,
.nds-button--success:active {
  color: #1b1b1b;
}

.nds-button_success:hover, .nds-button_success:focus,
.nds-button--success:hover,
.nds-button--success:focus {
  background-color: #04844b;
  border-color: #04844b;
  color: #fff;
}

.nds-button_success:active,
.nds-button--success:active {
  background-color: #04844b;
  border-color: #04844b;
}

/**
 * Creates a smaller button style
 *
 * @selector .nds-button_small
 * @restrict .nds-button
 * @deprecated
 */
.nds-button_small,
.nds-button--small {
  line-height: 1.75rem;
  min-height: 2rem;
}

/**
 * @selector .nds-button-space-left
 * @deprecated
 */
.nds-button-space-left {
  margin-left: 0.25rem;
}

.nds-button_hint,
.nds-button--hint {
  color: #b0adab;
}

.nds-button_hint:hover, .nds-button_hint:focus, .nds-button_hint:active,
.nds-button--hint:hover,
.nds-button--hint:focus,
.nds-button--hint:active {
  color: #0070d2;
}

.nds-hint-parent:hover .nds-button--hint, .nds-hint-parent:focus .nds-button--hint {
  color: #0070d2;
}

/**
 * @summary Sizing for icon that sits inside button__icon
 * @selector .nds-button__icon
 * @restrict .nds-button svg
 */
.nds-button__icon {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
  /**
   * @summary Large size button icon svg
   * @selector .nds-button__icon_large
   * @restrict .nds-button__icon
   */
  /**
   * @summary Small size button icon svg
   * @selector .nds-button__icon_small
   * @restrict .nds-button__icon
   */
  /**
   * @summary x-small size button icon svg
   * @selector .nds-button__icon_x-small
   * @restrict .nds-button__icon
   */
}

.nds-button__icon_large, .nds-button__icon--large {
  width: 1.5rem;
  height: 1.5rem;
}

.nds-button__icon_small, .nds-button__icon--small {
  width: 0.75rem;
  height: 0.75rem;
}

.nds-button__icon_x-small, .nds-button__icon--x-small {
  width: 0.5rem;
  height: 0.5rem;
}

/**
 * @summary Position of icon when sitting to the left side of the text when inside a button
 * @selector .nds-button__icon_left
 * @restrict .nds-button__icon, .nds-button__icon_stateful
 */
.nds-button__icon_left,
.nds-button__icon--left {
  margin-right: 0.5rem;
}

/**
 * @summary Position of icon when sitting to the right side of the text when inside a button
 * @selector .nds-button__icon_right
 * @restrict .nds-button__icon, .nds-button__icon_stateful
 */
.nds-button__icon_right,
.nds-button__icon--right {
  margin-left: 0.5rem;
}

svg.nds-button__icon {
  fill: #556a8c;
}

/**
 * @summary Creates a button style for 100% width that maintains current styling
 * @selector .nds-button_stretch
 * @restrict .nds-button
 * @modifier
 * @group size
 */
.nds-button_stretch {
  width: 100%;
}

.nds-button[disabled] * {
  pointer-events: none;
}

.nds-button:disabled * {
  pointer-events: none;
}

/**
 *
 * @summary Initiates a stateful button
 *
 * @name stateful
 * @selector .nds-button_stateful
 * @restrict button, a, span
 * @variant
 */
.nds-button_neutral.nds-is-selected,
.nds-button--neutral.nds-is-selected {
  border-color: transparent;
  background-color: transparent;
}

.nds-button_neutral.nds-is-selected:hover:not([disabled]), .nds-button_neutral.nds-is-selected:focus:not([disabled]),
.nds-button--neutral.nds-is-selected:hover:not([disabled]),
.nds-button--neutral.nds-is-selected:focus:not([disabled]) {
  border-color: #003da5;
  background-color: #f4f6f9;
}

.nds-button_neutral.nds-is-selected:active:not([disabled]),
.nds-button--neutral.nds-is-selected:active:not([disabled]) {
  background-color: #eef1f6;
}

.nds-button__icon_stateful,
.nds-button__icon--stateful {
  width: 0.75rem;
  height: 0.75rem;
  fill: currentColor;
}

.nds-button_inverse.nds-is-selected,
.nds-button--inverse.nds-is-selected {
  border-color: transparent;
}

/**
 * Default state of a stateful button
 *
 * @selector .nds-not-selected
 * @restrict .nds-button_stateful
 * @notes This class should be toggled with JavaScript
 * @modifier
 * @group interaction
 */
.nds-not-selected .nds-text-selected {
  display: none;
}

.nds-not-selected .nds-text-selected-focus {
  display: none;
}

.nds-not-selected .nds-text-not-selected {
  display: block;
}

/**
 * When button is selected and still has focus from click
 *
 * @selector .nds-is-selected-clicked
 * @restrict .nds-button_stateful
 * @notes This class should be toggled with JavaScript
 * @modifier
 * @group interaction
 */
.nds-is-selected-clicked .nds-text-selected,
.nds-is-selected[disabled] .nds-text-selected,
.nds-is-selected[disabled]:hover .nds-text-selected,
.nds-is-selected[disabled]:focus .nds-text-selected {
  display: block;
}

.nds-is-selected-clicked .nds-text-selected-focus,
.nds-is-selected[disabled] .nds-text-selected-focus,
.nds-is-selected[disabled]:hover .nds-text-selected-focus,
.nds-is-selected[disabled]:focus .nds-text-selected-focus {
  display: none;
}

.nds-is-selected-clicked .nds-text-not-selected,
.nds-is-selected[disabled] .nds-text-not-selected,
.nds-is-selected[disabled]:hover .nds-text-not-selected,
.nds-is-selected[disabled]:focus .nds-text-not-selected {
  display: none;
}

/**
 * When button is pressed and selected
 *
 * @selector .nds-is-selected
 * @restrict .nds-button_stateful
 * @notes This class should be toggled with JavaScript
 * @modifier
 * @group interaction
 */
.nds-is-selected .nds-text-not-selected {
  display: none;
}

.nds-is-selected .nds-text-selected {
  display: block;
}

.nds-is-selected .nds-text-selected-focus {
  display: none;
}

.nds-is-selected:hover .nds-text-not-selected, .nds-is-selected:focus .nds-text-not-selected {
  display: none;
}

.nds-is-selected:hover .nds-text-selected, .nds-is-selected:focus .nds-text-selected {
  display: none;
}

.nds-is-selected:hover .nds-text-selected-focus, .nds-is-selected:focus .nds-text-selected-focus {
  display: block;
}

/**
* @summary Creates a button that looks like a plain icon
*
* @name base
* @selector .nds-button_icon
* @restrict button
* @variant
*/
.nds-button_icon,
.nds-button--icon,
.nds-button_icon-inverse,
.nds-button--icon-inverse,
.nds-button_icon-container,
.nds-button--icon-container,
.nds-button_icon-border,
.nds-button--icon-border,
.nds-button_icon-border-filled,
.nds-button--icon-border-filled,
.nds-button_icon-border-inverse,
.nds-button--icon-border-inverse,
.nds-button_icon-more,
.nds-button--icon-more,
.nds-button_icon-error,
.nds-button--icon-error {
  line-height: 1;
  vertical-align: middle;
  color: #706e6b;
}

.nds-button_icon-bare,
.nds-button--icon-bare {
  line-height: 1;
  vertical-align: middle;
  color: #706e6b;
}

/**
 * @summary Default width + height for button icon with containers
 * @name Default
 * @selector .nds-button_icon-container
 * @restrict .nds-button_icon
 * @modifier
 * @group container-size
 */
.nds-button_icon-container,
.nds-button--icon-container,
.nds-button_icon-border,
.nds-button--icon-border,
.nds-button_icon-border-filled,
.nds-button--icon-border-filled,
.nds-button_icon-border-inverse,
.nds-button--icon-border-inverse {
  width: 2rem;
  height: 2rem;
}

/**
 * @summary Creates an icon button with a border
 * @name Transparent background
 * @selector .nds-button_icon-border
 * @restrict .nds-button_icon
 * @modifier
 * @group borders
 */
.nds-button_icon-border-filled,
.nds-button--icon-border-filled,
.nds-button_icon-border,
.nds-button--icon-border {
  line-height: 1;
  vertical-align: middle;
  color: #706e6b;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  border-color: #003da5;
}

.nds-button_icon-border-filled[disabled],
.nds-button--icon-border-filled[disabled],
.nds-button_icon-border[disabled],
.nds-button--icon-border[disabled] {
  color: #dddbda;
}

/**
 * @summary Gives a white icon color on a dark background
 * @selector .nds-button_icon-border-inverse
 * @restrict .nds-button_icon
 * @group borders
 */
.nds-button_icon-border-inverse,
.nds-button--icon-border-inverse {
  line-height: 1;
  vertical-align: middle;
  color: #706e6b;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  background-color: transparent;
  color: #fff;
}

.nds-button_icon-border-inverse[disabled],
.nds-button--icon-border-inverse[disabled] {
  color: #dddbda;
}

.nds-button_icon-border-inverse[disabled],
.nds-button--icon-border-inverse[disabled] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15);
}

/**
 * @summary Button icon with background
 * @name Filled background
 * @selector .nds-button_icon-border-filled
 * @restrict .nds-button_icon
 * @modifier
 * @group borders
 */
.nds-button_icon-border-filled,
.nds-button--icon-border-filled {
  background-color: white;
}

.nds-button_icon-border-filled[disabled],
.nds-button--icon-border-filled[disabled] {
  border-color: #003da5;
  background-color: white;
}

/**
 * @summary Button icon on inversed background
 * @selector .nds-button_icon-inverse
 * @restrict .nds-button_icon
 * @group color
 */
.nds-button_icon-inverse,
.nds-button--icon-inverse {
  color: #fff;
}

.nds-button_icon-inverse:hover, .nds-button_icon-inverse:focus,
.nds-button--icon-inverse:hover,
.nds-button--icon-inverse:focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-button_icon-inverse:focus,
.nds-button--icon-inverse:focus {
  outline: none;
  box-shadow: 0 0 3px #ecebea;
}

.nds-button_icon-inverse:active,
.nds-button--icon-inverse:active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-button_icon-inverse[disabled],
.nds-button--icon-inverse[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

/**
 * @summary Button icon for errors
 * @selector .nds-button_icon-error
 * @restrict .nds-button_icon
 */
.nds-button_icon-error, .nds-button_icon-error:hover, .nds-button_icon-error:active, .nds-button_icon-error:focus,
.nds-button--icon-error,
.nds-button--icon-error:hover,
.nds-button--icon-error:active,
.nds-button--icon-error:focus {
  color: #e71313;
}

.nds-button_icon-container.nds-is-selected,
.nds-button--icon-container.nds-is-selected,
.nds-button_icon-border.nds-is-selected,
.nds-button--icon-border.nds-is-selected,
.nds-button_icon-border-filled.nds-is-selected {
  background-color: #003da5;
  border-color: #0070d2;
  color: #fff;
}

.nds-button_icon-container.nds-is-selected:link, .nds-button_icon-container.nds-is-selected:visited, .nds-button_icon-container.nds-is-selected:active,
.nds-button--icon-container.nds-is-selected:link,
.nds-button--icon-container.nds-is-selected:visited,
.nds-button--icon-container.nds-is-selected:active,
.nds-button_icon-border.nds-is-selected:link,
.nds-button_icon-border.nds-is-selected:visited,
.nds-button_icon-border.nds-is-selected:active,
.nds-button--icon-border.nds-is-selected:link,
.nds-button--icon-border.nds-is-selected:visited,
.nds-button--icon-border.nds-is-selected:active,
.nds-button_icon-border-filled.nds-is-selected:link,
.nds-button_icon-border-filled.nds-is-selected:visited,
.nds-button_icon-border-filled.nds-is-selected:active {
  color: #fff;
}

.nds-button_icon-container.nds-is-selected:hover, .nds-button_icon-container.nds-is-selected:focus,
.nds-button--icon-container.nds-is-selected:hover,
.nds-button--icon-container.nds-is-selected:focus,
.nds-button_icon-border.nds-is-selected:hover,
.nds-button_icon-border.nds-is-selected:focus,
.nds-button--icon-border.nds-is-selected:hover,
.nds-button--icon-border.nds-is-selected:focus,
.nds-button_icon-border-filled.nds-is-selected:hover,
.nds-button_icon-border-filled.nds-is-selected:focus {
  background-color: #005fb2;
  border-color: #0070d2;
  color: #fff;
}

.nds-button_icon-container.nds-is-selected:active,
.nds-button--icon-container.nds-is-selected:active,
.nds-button_icon-border.nds-is-selected:active,
.nds-button--icon-border.nds-is-selected:active,
.nds-button_icon-border-filled.nds-is-selected:active {
  background-color: #00396b;
  border-color: #00396b;
}

.nds-button_icon-container.nds-is-selected .nds-button__icon,
.nds-button--icon-container.nds-is-selected .nds-button__icon,
.nds-button_icon-border.nds-is-selected .nds-button__icon,
.nds-button--icon-border.nds-is-selected .nds-button__icon,
.nds-button_icon-border-filled.nds-is-selected .nds-button__icon {
  fill: #fff;
}

/**
 * @summary Button icon container - size small modifier
 * @name small
 * @selector .nds-button_icon-small
 * @restrict .nds-button_icon
 * @modifier
 * @group container-size
 */
.nds-button_icon-small,
.nds-button--icon-small {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.125rem;
}

/**
 * @summary Button icon container - size x-small modifier
 * @name x-small
 * @selector .nds-button_icon-x-small
 * @restrict .nds-button_icon
 * @modifier
 * @group container-size
 */
.nds-button_icon-x-small,
.nds-button--icon-x-small {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.125rem;
  line-height: 1;
}

.nds-button_icon-x-small .nds-button__icon,
.nds-button--icon-x-small .nds-button__icon {
  width: 0.75rem;
  height: 0.75rem;
}

/**
 * @summary Button icon container - size xx-small modifier
 * @name xx-small
 * @selector .nds-button_icon-xx-small
 * @restrict .nds-button_icon
 * @modifier
 * @group container-size
 */
.nds-button_icon-xx-small,
.nds-button--icon-xx-small {
  width: 1rem;
  height: 1rem;
  border-radius: 0.125rem;
  line-height: 1;
}

.nds-button_icon-xx-small .nds-button__icon,
.nds-button--icon-xx-small .nds-button__icon {
  width: 0.5rem;
  height: 0.5rem;
}

/**
 * @summary Button icon with dropdown
 *
 * @name icon-with-dropdown
 * @selector .nds-button_icon-more
 * @restrict button
 * @variant
 */
.nds-button_icon-more,
.nds-button--icon-more {
  line-height: 1;
  vertical-align: middle;
  color: #706e6b;
  border: 1px solid #dddbda;
  transition: border 0.15s linear;
  line-height: 1.875rem;
  padding: 0 0.5rem;
  background-color: white;
  border-color: #003da5;
}

.nds-button_icon-more[disabled],
.nds-button--icon-more[disabled] {
  color: #dddbda;
}

.nds-button_icon-more-filled,
.nds-button--icon-more-filled {
  background-color: white;
}

.nds-button_icon-more:hover .nds-button__icon, .nds-button_icon-more:focus .nds-button__icon,
.nds-button--icon-more:hover .nds-button__icon,
.nds-button--icon-more:focus .nds-button__icon {
  fill: #0070d2;
}

.nds-button_icon-more:active .nds-button__icon,
.nds-button--icon-more:active .nds-button__icon {
  fill: #00396b;
}

.nds-button_icon-more[disabled],
.nds-button--icon-more[disabled] {
  cursor: default;
}

.nds-button_icon-more[disabled] .nds-button__icon,
.nds-button--icon-more[disabled] .nds-button__icon {
  fill: #dddbda;
}

.nds-button_icon-container-more,
.nds-button--icon-container-more {
  line-height: 1.875rem;
  padding: 0 0.5rem;
  vertical-align: middle;
}

/**
 * The stateful button requires the `.nds-button--icon-border` class in addition to the `.nds-button` class.
 *
 * The stateful inverse button works just like the stateful button. It requires the `.nds-button--icon-border-inverse` class in addition to the `.nds-button` class.
 *
 * Stateful icons can be toggled on and off and retain their state. JavaScript is used to add the `.nds-is-selected` class to the button when activated.
 *
 * #### Accessibility
 *
 * For accessibility, implement the [ARIA Toggle Button](http://w3c.github.io/aria-practices/#button) concept.
 * - Similar to a mute button, the button represents a pressed or unpressed state.
 * - Button text doesn't change per state
 * - `aria-pressed` is set to `true` or `false`, depending its state
 *
 * @summary Stateful Button Icon
 * @name stateful
 * @selector .nds-is-selected
 * @restrict .nds-button_icon
 * @variant
 */
.nds-button--icon-container.nds-is-selected,
.nds-button--icon-border.nds-is-selected,
.nds-button--icon-border-filled.nds-is-selected {
  background-color: #003da5;
  border-color: #0070d2;
  color: #fff;
}

.nds-button--icon-container.nds-is-selected:link, .nds-button--icon-container.nds-is-selected:visited, .nds-button--icon-container.nds-is-selected:active,
.nds-button--icon-border.nds-is-selected:link,
.nds-button--icon-border.nds-is-selected:visited,
.nds-button--icon-border.nds-is-selected:active,
.nds-button--icon-border-filled.nds-is-selected:link,
.nds-button--icon-border-filled.nds-is-selected:visited,
.nds-button--icon-border-filled.nds-is-selected:active {
  color: #fff;
}

.nds-button--icon-container.nds-is-selected:hover, .nds-button--icon-container.nds-is-selected:focus,
.nds-button--icon-border.nds-is-selected:hover,
.nds-button--icon-border.nds-is-selected:focus,
.nds-button--icon-border-filled.nds-is-selected:hover,
.nds-button--icon-border-filled.nds-is-selected:focus {
  background-color: #005fb2;
  border-color: #0070d2;
  color: #fff;
}

.nds-button--icon-container.nds-is-selected:active,
.nds-button--icon-border.nds-is-selected:active,
.nds-button--icon-border-filled.nds-is-selected:active {
  background-color: #00396b;
  border-color: #00396b;
}

.nds-button--icon-container.nds-is-selected .nds-button__icon,
.nds-button--icon-border.nds-is-selected .nds-button__icon,
.nds-button--icon-border-filled.nds-is-selected .nds-button__icon {
  fill: #fff;
}

.nds-button--icon-container.nds-is-selected:hover .nds-button__icon, .nds-button--icon-container.nds-is-selected:focus .nds-button__icon,
.nds-button--icon-border.nds-is-selected:hover .nds-button__icon,
.nds-button--icon-border.nds-is-selected:focus .nds-button__icon,
.nds-button--icon-border-filled.nds-is-selected:hover .nds-button__icon,
.nds-button--icon-border-filled.nds-is-selected:focus .nds-button__icon {
  fill: #fff;
}

/**
 * @summary A parent class must be put on anything that contains a .nds-button__icon_hint so that the child reacts when the parent is hovered.
 * @selector .nds-button__icon_hint
 * @restrict .nds-button_icon .nds-button__icon
 */
.nds-button__icon_hint,
.nds-button__icon--hint {
  fill: #b0adab;
}

/**
 * A parent class must be put on anything that contains
 * a .nds-button__icon_inverse-hint so that the child reacts
 * when the parent is hovered. This is for a dark background.
 *
 * @selector .nds-button__icon_inverse-hint
 * @restrict .nds-button_icon .nds-button__icon
 */
.nds-button__icon_inverse-hint,
.nds-button__icon--inverse-hint {
  fill: rgba(255, 255, 255, 0.5);
}

.nds-hint-parent .nds-button_icon-border-inverse,
.nds-hint-parent .nds-button--icon-border-inverse {
  border-color: rgba(255, 255, 255, 0.5);
}

.nds-hint-parent .nds-button_icon-border-inverse:focus,
.nds-hint-parent .nds-button--icon-border-inverse:focus {
  border-color: rgba(255, 255, 255, 0.75);
}

.nds-hint-parent:hover .nds-button_icon-border-inverse,
.nds-hint-parent:hover .nds-button--icon-border-inverse, .nds-hint-parent:focus .nds-button_icon-border-inverse,
.nds-hint-parent:focus .nds-button--icon-border-inverse {
  border-color: rgba(255, 255, 255, 0.75);
}

.nds-hint-parent:hover .nds-button__icon_hint,
.nds-hint-parent:hover .nds-button__icon--hint, .nds-hint-parent:focus .nds-button__icon_hint,
.nds-hint-parent:focus .nds-button__icon--hint {
  fill: #706e6b;
}

.nds-hint-parent:hover .nds-button__icon_inverse-hint,
.nds-hint-parent:hover .nds-button__icon--inverse-hint, .nds-hint-parent:focus .nds-button__icon_inverse-hint,
.nds-hint-parent:focus .nds-button__icon--inverse-hint {
  fill: rgba(255, 255, 255, 0.75);
}

/**
 * The base variant is the fully featured color picker, with a direct text
 * input, and a button-triggered popover, which has tabs with both a list
 * of predefined color options (swatches), as well as an interactive tool
 * for custom color configuration.
 *
 * @summary Fully featured color picker, with swatches and a custom color config
 *
 * @variant
 * @name base
 * @selector .nds-color-picker
 * @restrict div
 */
.nds-color-picker {
  position: relative;
}

.nds-color-picker .nds-form-error {
  padding-top: 0.5rem;
  color: #e71313;
  font-size: 0.75rem;
}

/**
 * @summary 'Summary' element for color selection.
 *
 * @selector .nds-color-picker__summary
 * @restrict .nds-color-picker > div
 */
/**
 * @summary Label for summary input
 *
 * @selector .nds-color-picker__summary-label
 * @restrict .nds-color-picker__summary > label
 */
.nds-color-picker__summary-label {
  display: block;
}

/**
 * @summary Button that toggles the Color Picker Selector
 *
 * @selector .nds-color-picker__button
 * @restrict .nds-color-picker__summary .nds-button
 */
.nds-color-picker__summary-button {
  vertical-align: top;
  padding: 0.3rem 0.5rem;
  line-height: 1;
  background: #fff;
  margin-right: 0.25rem;
}

/**
 * @summary Input field for summary UI
 *
 * @selector .nds-color-picker__summary-input
 * @restrict .nds-color-picker__summary > div
 */
.nds-color-picker__summary-input {
  display: inline-block;
}

.nds-color-picker__summary-input .nds-input {
  width: 6rem;
}

/**
 * @summary The selector subcomponent. Extends upon a .nds-popover
 *
 * @selector .nds-color-picker__selector
 * @restrict .nds-color-picker div, .nds-color-picker section
 */
.nds-color-picker__selector {
  margin-top: 0.5rem;
}

.nds-color-picker__selector.nds-popover {
  width: 14rem;
}

.nds-color-picker__selector .nds-popover__footer {
  background: #fafaf9;
}

.nds-color-picker__selector .nds-tabs_default__item {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.nds-color-picker__selector .nds-tabs_default__content {
  padding: 0.5rem 0 0.25rem;
}

/**
 * @summary Swatch container
 *
 * @selector .nds-color-picker__swatches
 * @restrict .nds-color-picker__selector ul
 */
.nds-color-picker__swatches {
  font-size: 0;
}

.nds-color-picker__swatches.nds-swatch {
  cursor: pointer;
}

/**
 * @summary Color Picker swatch
 *
 * @selector .nds-color-picker__swatch
 * @restrict .nds-color-picker__swatches li
 */
.nds-color-picker__swatch {
  display: inline-block;
  margin: 0.25rem;
}

.nds-color-picker__swatch-trigger {
  display: inline-block;
}

.nds-color-picker__swatch-trigger:focus, .nds-color-picker__swatch-trigger:active {
  outline: none;
  box-shadow: 0 0 2px 1px #0070d2;
  border-radius: 0.25rem;
}

/**
 * @summary Custom picker selection container
 *
 * @selector .nds-color-picker__custom
 * @restrict .nds-color-picker__selector div
 */
.nds-color-picker__custom {
  padding: 0.25rem 0;
}

/**
 * @summary Custom picker range element
 *
 * @selector .nds-color-picker__custom-range
 * @restrict .nds-color-picker__custom div
 */
.nds-color-picker__custom-range {
  position: relative;
  margin-bottom: 0.25rem;
  height: 5rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  overflow: hidden;
}

.nds-color-picker__custom-range:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, black, rgba(0, 0, 0, 0.9) 1%, rgba(0, 0, 0, 0) 99%), linear-gradient(to right, white 1%, rgba(255, 255, 255, 0));
}

/**
 * @summary
 *
 * @selector .nds-color-picker__range-indicator
 * @restrict .nds-color-picker__custom-range > a
 */
.nds-color-picker__range-indicator {
  transform: translate3d(-0.375rem, 0.375rem, 0);
  cursor: pointer;
  position: absolute;
  height: 0.75rem;
  width: 0.75rem;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 4px 4px rgba(0, 0, 0, 0.16), inset 0 2px 4px 4px rgba(0, 0, 0, 0.16);
}

.nds-color-picker__range-indicator:focus {
  outline: none;
  box-shadow: 0 0 2px 1px #0070d2;
}

/**
 * @summary Container element for the hue slider and preview swatch
 *
 * @selector .nds-color-picker__hue-and-preview
 * @restrict .nds-color-picker__custom div
 */
.nds-color-picker__hue-and-preview {
  display: -ms-flexbox;
  display: flex;
}

.nds-color-picker__hue-and-preview .nds-swatch {
  margin-left: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

/**
 * @summary The slide input that controls the hue
 *
 * @selector .nds-color-picker__hue-slider
 * @restrict .nds-color-picker__hue-and-preview input
 */
.nds-color-picker__hue-slider {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -ms-flex: 1;
      flex: 1;
  padding: 0;
  height: 1.5rem;
  width: 100%;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background: linear-gradient(to right, red, #ff1500, #ff2b00, #ff4000, #ff5500, #ff6a00, #ff8000, #ff9500, #ffaa00, #ffbf00, #ffd500, #ffea00, yellow, #eaff00, #d5ff00, #bfff00, #aaff00, #95ff00, #80ff00, #6aff00, #55ff00, #40ff00, #2bff00, #15ff00, lime, #00ff15, #00ff2b, #00ff40, #00ff55, #00ff6a, #00ff80, #00ff95, #00ffaa, #00ffbf, #00ffd5, #00ffea, aqua, #00eaff, #00d5ff, deepskyblue, #00aaff, #0095ff, #0080ff, #006aff, #0055ff, #0040ff, #002bff, #0015ff, blue, #1500ff, #2b00ff, #4000ff, #5500ff, #6a00ff, #8000ff, #9500ff, #aa00ff, #bf00ff, #d500ff, #ea00ff, fuchsia, #ff00ea, #ff00d5, #ff00bf, #ff00aa, #ff0095, #ff0080, #ff006a, #ff0055, #ff0040, #ff002b, #ff0015);
}

.nds-color-picker__hue-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  height: calc(1.5rem - 2px);
  width: 0.375rem;
  border: 1px solid #514f4d;
  border-radius: 0.125rem;
  background: #fafaf9;
}

.nds-color-picker__hue-slider::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  height: calc(1.5rem - 2px);
  width: 0.375rem;
  border: 1px solid #514f4d;
  border-radius: 0.125rem;
  background: #fafaf9;
}

.nds-color-picker__hue-slider::-ms-thumb {
  appearance: none;
  cursor: pointer;
  height: calc(1.5rem - 2px);
  width: 0.375rem;
  border: 1px solid #514f4d;
  border-radius: 0.125rem;
  background: #fafaf9;
  height: 1.5rem;
}

.nds-color-picker__hue-slider:focus {
  outline: none;
}

.nds-color-picker__hue-slider:focus::-webkit-slider-thumb {
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-color-picker__hue-slider:focus::-moz-range-thumb {
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-color-picker__hue-slider:focus::-ms-thumb {
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-color-picker__hue-slider::-moz-range-track {
  height: 0;
}

.nds-color-picker__hue-slider::-ms-track {
  height: 0;
  border: 0;
  background: transparent;
  color: transparent;
}

/**
 * @summary The group of direct input elements
 *
 * @selector .nds-color-picker__custom-inputs
 * @restrict .nds-color-picker__custom > div
 */
.nds-color-picker__custom-inputs {
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
}

.nds-color-picker__custom-inputs .nds-form-element {
  -ms-flex: flex-grow;
      flex: flex-grow;
}

.nds-color-picker__custom-inputs .nds-form-element:not(:first-child) {
  margin-left: 0.25rem;
}

.nds-color-picker__custom-inputs input {
  padding: 0 0.25rem;
}

.nds-color-picker__custom-inputs abbr {
  cursor: text;
  text-decoration: none;
}

.nds-color-picker__input-custom-hex {
  -ms-flex: none;
      flex: none;
  width: 4.2rem;
}

.nds-color-picker__input-custom-hex input {
  font-size: 0.75rem;
}

/**
 * @summary Footer for the Color Selector Picker
 *
 * @selector .nds-color-picker__selector-footer
 * @restrict .nds-color-picker__selector div
 */
.nds-color-picker__selector-footer {
  display: -ms-flexbox;
  display: flex;
}

.nds-color-picker__selector-footer .nds-button {
  -ms-flex: 1;
      flex: 1;
}

/**
 * @summary A swatch
 *
 * @selector .nds-swatch
 * @restrict .nds-color-picker__swatch span, .nds-color-picker__summary-button span, .nds-color-picker__hue-and-preview span
 */
.nds-swatch {
  display: inline-block;
  vertical-align: middle;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.125rem;
}

/**
 * The Custom-Only variant should only render the custom color selection tool
 * in the Color Picker popover. It should not be inside a tabset.
 *
 * @summary Swatches Only UI
 *
 * @name custom-only
 * @selector .nds-color-picker_custom-only
 * @restrict .nds-color-picker
 * @variant
 */
/**
 * The Predefined Only variant should only render the predefined colors
 * selection in the Color Picker popover. It should not be inside a tabset.
 *
 * @summary Swatches Only UI
 *
 * @name predefined-only
 * @selector .nds-color-picker_predefined-only
 * @restrict .nds-color-picker
 * @variant
 */
/**
 * The Swatches Only variant should only render a group of individual swatches.
 * It should not render any of the main chrome of the color picker UI (no Summary
 * section, no Popover, no Tabset), it should only render the Color Picker swatches
 * selector. This component should be rendered inside a menu.
 *
 * ### Accessibility Notes
 *
 * The accessibility requirements for this Variant are slightly different from
 * the others:
 *
 * #### `.nds-color-picker__swatches`
 *
 * This element _needs_ a `role` of `menu`.
 *
 * #### `.nds-color-picker__swatch-trigger`
 *
 * This element _needs_ a `role` of `option`
 *
 * @summary Swatches Only UI
 *
 * @name swatches-only
 * @selector .nds-color-picker_swatches-only
 * @restrict .nds-color-picker
 * @variant
 */
.nds-color-picker.nds-color-picker_swatches-only {
  width: 13.3rem;
  padding: 0.5rem;
}

.nds-color-picker.nds-color-picker_swatches-only .nds-color-picker__selector {
  margin: 0;
}

/**
 * @summary Container for icons
 *
 * @name base
 * @selector .nds-icon_container
 * @restrict span, div
 * @notes Used when an icon with a background color is accompanied by `.nds-assistive-text` and also receives a `background-color` class
 * @variant
 */
.nds-icon_container,
.nds-icon__container {
  display: inline-block;
  border-radius: 0.25rem;
  /**
   * @summary Circle container for icons
   * @selector .nds-icon_container_circle
   * @restrict .nds-icon_container
   */
}

.nds-icon_container_circle, .nds-icon_container--circle,
.nds-icon__container_circle,
.nds-icon__container--circle {
  padding: 0.5rem;
  border-radius: 50%;
}

[class*=nds-icon-action-] {
  padding: 0.5rem;
  border-radius: 50%;
}

.nds-icon-action-change-owner {
  background-color: #54698d;
}

.nds-icon-action-share {
  background-color: #54698d;
}

.nds-icon-action-info {
  background-color: #54698d;
}

.nds-icon-action-upload {
  background-color: #54698d;
}

.nds-icon-action-change-record-type {
  background-color: #54698d;
}

.nds-icon-action-check {
  background-color: #54698d;
}

.nds-icon-action-download {
  background-color: #54698d;
}

.nds-icon-action-edit-relationship {
  background-color: #1dccbf;
}

.nds-icon-action-freeze-user {
  background-color: #54698d;
}

.nds-icon-action-manage-perm-sets {
  background-color: #54698d;
}

.nds-icon-action-password-unlock {
  background-color: #54698d;
}

.nds-icon-action-refresh {
  background-color: #54698d;
}

.nds-icon-action-remove {
  background-color: #54698d;
}

.nds-icon-action-reset-password {
  background-color: #54698d;
}

.nds-icon-action-user-activation {
  background-color: #54698d;
}

.nds-icon-action-add-contact {
  background-color: #a094ed;
}

.nds-icon-action-approval {
  background-color: #00c6b7;
}

.nds-icon-action-canvas {
  background-color: #8199af;
}

.nds-icon-action-goal {
  background-color: #56aadf;
}

.nds-icon-action-opportunity-competitor {
  background-color: #fcb95b;
}

.nds-icon-action-opportunity-line-item {
  background-color: #fcb95b;
}

.nds-icon-action-opportunity-team-member {
  background-color: #fcb95b;
}

.nds-icon-action-question-post-action {
  background-color: #32af5c;
}

.nds-icon-action-quote {
  background-color: #88c651;
}

.nds-icon-action-reject {
  background-color: #00c6b7;
}

.nds-icon-action-social-post {
  background-color: #ea74a2;
}

.nds-icon-action-fallback {
  background-color: #9895ee;
}

.nds-icon-action-edit {
  background-color: #1dccbf;
}

.nds-icon-action-delete {
  background-color: #e6717c;
}

.nds-icon-action-clone {
  background-color: #6ca1e9;
}

.nds-icon-action-follow {
  background-color: #31b9f8;
}

.nds-icon-action-following {
  background-color: #7dcf64;
}

.nds-icon-action-join-group {
  background-color: #779ef2;
}

.nds-icon-action-leave-group {
  background-color: #f39e58;
}

.nds-icon-action-edit-groups {
  background-color: #34becd;
}

.nds-icon-action-share-post {
  background-color: #65cae4;
}

.nds-icon-action-user {
  background-color: #65cae4;
}

.nds-icon-action-share-file {
  background-color: #baac93;
}

.nds-icon-action-new-task {
  background-color: #4bc076;
}

.nds-icon-action-new-contact {
  background-color: #a094ed;
}

.nds-icon-action-new-opportunity {
  background-color: #fcb95b;
}

.nds-icon-action-new-case {
  background-color: #f2cf5b;
}

.nds-icon-action-new-lead {
  background-color: #f88962;
}

.nds-icon-action-share-thanks {
  background-color: #e9696e;
}

.nds-icon-action-share-link {
  background-color: #7a9ae6;
}

.nds-icon-action-share-poll {
  background-color: #699be1;
}

.nds-icon-action-new-event {
  background-color: #eb7092;
}

.nds-icon-action-new-child-case {
  background-color: #fa975c;
}

.nds-icon-action-log-a-call {
  background-color: #48c3cc;
}

.nds-icon-action-new-note {
  background-color: #e6d478;
}

.nds-icon-action-new {
  background-color: #33bce7;
}

.nds-icon-action-filter {
  background-color: #fd90b5;
}

.nds-icon-action-sort {
  background-color: #fab9a5;
}

.nds-icon-action-description {
  background-color: #7dc37d;
}

.nds-icon-action-defer {
  background-color: #ef7ead;
}

.nds-icon-action-update {
  background-color: #81b4d6;
}

.nds-icon-action-log-this-event {
  background-color: #eb7092;
}

.nds-icon-action-email {
  background-color: #95aec5;
}

.nds-icon-action-dial-in {
  background-color: #8b9ae3;
}

.nds-icon-action-map {
  background-color: #76c6ee;
}

.nds-icon-action-call {
  background-color: #1fcaa0;
}

.nds-icon-action-google-news {
  background-color: #f5675b;
}

.nds-icon-action-web-link {
  background-color: #56aadf;
}

.nds-icon-action-submit-for-approval {
  background-color: #50cc7a;
}

.nds-icon-action-search {
  background-color: #48adeb;
}

.nds-icon-action-close {
  background-color: #ef6e64;
}

.nds-icon-action-back {
  background-color: #0dc2d9;
}

.nds-icon-action-office-365 {
  background-color: #ff8041;
}

.nds-icon-action-concur {
  background-color: #4cc3c7;
}

.nds-icon-action-dropbox {
  background-color: #52aef9;
}

.nds-icon-action-evernote {
  background-color: #86c86f;
}

.nds-icon-action-docusign {
  background-color: #5080db;
}

.nds-icon-action-more {
  background-color: #62b7ed;
}

.nds-icon-action-notebook {
  background-color: #e6d478;
}

.nds-icon-action-new-notebook {
  background-color: #e6d478;
}

.nds-icon-action-preview {
  background-color: #7f8de1;
}

.nds-icon-action-priority {
  background-color: #fbb439;
}

.nds-icon-action-default-custom-object {
  background-color: #8199af;
}

.nds-icon-action-new-custom-object {
  background-color: #a7d44d;
}

.nds-icon-action-lead-convert {
  background-color: #f88962;
}

.nds-icon-action-new-account {
  background-color: #7f8de1;
}

.nds-icon-action-new-person-account {
  background-color: #7f8de1;
}

.nds-icon-action-new-campaign {
  background-color: #f49756;
}

.nds-icon-action-new-group {
  background-color: #83b6ff;
}

.nds-icon-action-update-status {
  background-color: #1ec7be;
}

.nds-icon-action-new-custom1 {
  background-color: #ff7b84;
}

.nds-icon-action-new-custom2 {
  background-color: #cfd05c;
}

.nds-icon-action-new-custom3 {
  background-color: #ecb46c;
}

.nds-icon-action-new-custom4 {
  background-color: #e1d951;
}

.nds-icon-action-new-custom5 {
  background-color: #9fdb66;
}

.nds-icon-action-new-custom6 {
  background-color: #54c473;
}

.nds-icon-action-new-custom7 {
  background-color: #6a89e5;
}

.nds-icon-action-new-custom8 {
  background-color: #50ceb9;
}

.nds-icon-action-new-custom9 {
  background-color: #6b9ee2;
}

.nds-icon-action-new-custom10 {
  background-color: #6488e3;
}

.nds-icon-action-new-custom11 {
  background-color: #8784ea;
}

.nds-icon-action-new-custom12 {
  background-color: #dc71d1;
}

.nds-icon-action-new-custom13 {
  background-color: #df6184;
}

.nds-icon-action-new-custom14 {
  background-color: #3cc2b3;
}

.nds-icon-action-new-custom15 {
  background-color: #f77e75;
}

.nds-icon-action-new-custom16 {
  background-color: #e9af67;
}

.nds-icon-action-new-custom17 {
  background-color: #acd360;
}

.nds-icon-action-new-custom18 {
  background-color: #4dca76;
}

.nds-icon-action-new-custom19 {
  background-color: #3abeb1;
}

.nds-icon-action-new-custom20 {
  background-color: #48c7c8;
}

.nds-icon-action-new-custom21 {
  background-color: #8a7aed;
}

.nds-icon-action-new-custom22 {
  background-color: #8b85f9;
}

.nds-icon-action-new-custom23 {
  background-color: #b070e6;
}

.nds-icon-action-new-custom24 {
  background-color: #e56798;
}

.nds-icon-action-new-custom25 {
  background-color: #e46fbe;
}

.nds-icon-action-new-custom26 {
  background-color: #7698f0;
}

.nds-icon-action-new-custom27 {
  background-color: #5ab0d2;
}

.nds-icon-action-new-custom28 {
  background-color: #89c059;
}

.nds-icon-action-new-custom29 {
  background-color: #bdd25f;
}

.nds-icon-action-new-custom30 {
  background-color: #f59f71;
}

.nds-icon-action-new-custom31 {
  background-color: #eb687f;
}

.nds-icon-action-new-custom32 {
  background-color: #38c393;
}

.nds-icon-action-new-custom33 {
  background-color: #97cf5d;
}

.nds-icon-action-new-custom34 {
  background-color: #d58a6a;
}

.nds-icon-action-new-custom35 {
  background-color: #e9637e;
}

.nds-icon-action-new-custom36 {
  background-color: #d472d4;
}

.nds-icon-action-new-custom37 {
  background-color: #8c89f2;
}

.nds-icon-action-new-custom38 {
  background-color: #53b6d7;
}

.nds-icon-action-new-custom39 {
  background-color: #4fbe75;
}

.nds-icon-action-new-custom40 {
  background-color: #83c75e;
}

.nds-icon-action-new-custom41 {
  background-color: #43b5b5;
}

.nds-icon-action-new-custom42 {
  background-color: #cfd05b;
}

.nds-icon-action-new-custom43 {
  background-color: #7f93f9;
}

.nds-icon-action-new-custom44 {
  background-color: #c8ca58;
}

.nds-icon-action-new-custom45 {
  background-color: #d95879;
}

.nds-icon-action-new-custom46 {
  background-color: #67a5e7;
}

.nds-icon-action-new-custom47 {
  background-color: #5fcc64;
}

.nds-icon-action-new-custom48 {
  background-color: #ef697f;
}

.nds-icon-action-new-custom49 {
  background-color: #e25c80;
}

.nds-icon-action-new-custom50 {
  background-color: #49bcd3;
}

.nds-icon-action-new-custom51 {
  background-color: #d8c760;
}

.nds-icon-action-new-custom52 {
  background-color: #ee8e6f;
}

.nds-icon-action-new-custom53 {
  background-color: #f36e83;
}

.nds-icon-action-new-custom54 {
  background-color: #ea70b1;
}

.nds-icon-action-new-custom55 {
  background-color: #d66ee0;
}

.nds-icon-action-new-custom56 {
  background-color: #718deb;
}

.nds-icon-action-new-custom57 {
  background-color: #5a9cdd;
}

.nds-icon-action-new-custom58 {
  background-color: #34b59d;
}

.nds-icon-action-new-custom59 {
  background-color: #e3d067;
}

.nds-icon-action-new-custom60 {
  background-color: #bf5a88;
}

.nds-icon-action-new-custom61 {
  background-color: #f57376;
}

.nds-icon-action-new-custom62 {
  background-color: #6b92dc;
}

.nds-icon-action-new-custom63 {
  background-color: #7ccf60;
}

.nds-icon-action-new-custom64 {
  background-color: #618fd8;
}

.nds-icon-action-new-custom65 {
  background-color: #f279ab;
}

.nds-icon-action-new-custom66 {
  background-color: #d8be5f;
}

.nds-icon-action-new-custom67 {
  background-color: #f87d76;
}

.nds-icon-action-new-custom68 {
  background-color: #f26979;
}

.nds-icon-action-new-custom69 {
  background-color: #ed6387;
}

.nds-icon-action-new-custom70 {
  background-color: #e769b4;
}

.nds-icon-action-new-custom71 {
  background-color: #e36ee3;
}

.nds-icon-action-new-custom72 {
  background-color: #8d9bfb;
}

.nds-icon-action-new-custom73 {
  background-color: #679ef0;
}

.nds-icon-action-new-custom74 {
  background-color: #41c8a0;
}

.nds-icon-action-new-custom75 {
  background-color: #cd9f65;
}

.nds-icon-action-new-custom76 {
  background-color: #db6d7a;
}

.nds-icon-action-new-custom77 {
  background-color: #b55d5b;
}

.nds-icon-action-new-custom78 {
  background-color: #5a95dd;
}

.nds-icon-action-new-custom79 {
  background-color: #8ed363;
}

.nds-icon-action-new-custom80 {
  background-color: #659ad5;
}

.nds-icon-action-new-custom81 {
  background-color: #da627f;
}

.nds-icon-action-new-custom82 {
  background-color: #d15b97;
}

.nds-icon-action-new-custom83 {
  background-color: #e7806f;
}

.nds-icon-action-new-custom84 {
  background-color: #f6707b;
}

.nds-icon-action-new-custom85 {
  background-color: #f26891;
}

.nds-icon-action-new-custom86 {
  background-color: #e260ab;
}

.nds-icon-action-new-custom87 {
  background-color: #d876e5;
}

.nds-icon-action-new-custom88 {
  background-color: #996fe6;
}

.nds-icon-action-new-custom89 {
  background-color: #3e99be;
}

.nds-icon-action-new-custom90 {
  background-color: #22a48a;
}

.nds-icon-action-new-custom91 {
  background-color: #bf7b66;
}

.nds-icon-action-new-custom92 {
  background-color: #517e82;
}

.nds-icon-action-new-custom93 {
  background-color: #904d4c;
}

.nds-icon-action-new-custom94 {
  background-color: #439cba;
}

.nds-icon-action-new-custom95 {
  background-color: #8bcf6a;
}

.nds-icon-action-new-custom96 {
  background-color: #6d9de3;
}

.nds-icon-action-new-custom97 {
  background-color: #dd6085;
}

.nds-icon-action-new-custom98 {
  background-color: #e1be5c;
}

.nds-icon-action-new-custom99 {
  background-color: #f0856e;
}

.nds-icon-action-new-custom100 {
  background-color: #e15d76;
}

.nds-icon-action-apex {
  background-color: #696e71;
}

.nds-icon-action-flow {
  background-color: #0079bc;
}

.nds-icon-action-announcement {
  background-color: #fe8f60;
}

.nds-icon-action-record {
  background-color: #7dc37d;
}

.nds-icon-action-log-event {
  background-color: #6ca1e9;
}

.nds-icon-action-add-relationship {
  background-color: #62b7ed;
}

.nds-icon-action-remove-relationship {
  background-color: #ef6e64;
}

.nds-icon-action-view-relationship {
  background-color: #3c97dd;
}

.nds-icon-action-add-file {
  background-color: #7e8be4;
}

.nds-icon-action-add-photo-video {
  background-color: #00cdc0;
}

.nds-icon-action-recall {
  background-color: #4a698d;
}

.nds-icon-custom-custom1,
.nds-icon-custom-1 {
  background-color: #ff7b84;
  color: #fff;
}

.nds-icon-custom-custom2,
.nds-icon-custom-2 {
  background-color: #cfd05c;
  color: #fff;
}

.nds-icon-custom-custom3,
.nds-icon-custom-3 {
  background-color: #ecb46c;
  color: #fff;
}

.nds-icon-custom-custom4,
.nds-icon-custom-4 {
  background-color: #e1d951;
  color: #fff;
}

.nds-icon-custom-custom5,
.nds-icon-custom-5 {
  background-color: #9fdb66;
  color: #fff;
}

.nds-icon-custom-custom6,
.nds-icon-custom-6 {
  background-color: #54c473;
  color: #fff;
}

.nds-icon-custom-custom7,
.nds-icon-custom-7 {
  background-color: #6a89e5;
  color: #fff;
}

.nds-icon-custom-custom8,
.nds-icon-custom-8 {
  background-color: #50ceb9;
  color: #fff;
}

.nds-icon-custom-custom9,
.nds-icon-custom-9 {
  background-color: #6b9ee2;
  color: #fff;
}

.nds-icon-custom-custom10,
.nds-icon-custom-10 {
  background-color: #6488e3;
  color: #fff;
}

.nds-icon-custom-custom11,
.nds-icon-custom-11 {
  background-color: #8784ea;
  color: #fff;
}

.nds-icon-custom-custom12,
.nds-icon-custom-12 {
  background-color: #dc71d1;
  color: #fff;
}

.nds-icon-custom-custom13,
.nds-icon-custom-13 {
  background-color: #df6184;
  color: #fff;
}

.nds-icon-custom-custom14,
.nds-icon-custom-14 {
  background-color: #3cc2b3;
  color: #fff;
}

.nds-icon-custom-custom15,
.nds-icon-custom-15 {
  background-color: #f77e75;
  color: #fff;
}

.nds-icon-custom-custom16,
.nds-icon-custom-16 {
  background-color: #e9af67;
  color: #fff;
}

.nds-icon-custom-custom17,
.nds-icon-custom-17 {
  background-color: #acd360;
  color: #fff;
}

.nds-icon-custom-custom18,
.nds-icon-custom-18 {
  background-color: #4dca76;
  color: #fff;
}

.nds-icon-custom-custom19,
.nds-icon-custom-19 {
  background-color: #3abeb1;
  color: #fff;
}

.nds-icon-custom-custom20,
.nds-icon-custom-20 {
  background-color: #48c7c8;
  color: #fff;
}

.nds-icon-custom-custom21,
.nds-icon-custom-21 {
  background-color: #8a7aed;
  color: #fff;
}

.nds-icon-custom-custom22,
.nds-icon-custom-22 {
  background-color: #8b85f9;
  color: #fff;
}

.nds-icon-custom-custom23,
.nds-icon-custom-23 {
  background-color: #b070e6;
  color: #fff;
}

.nds-icon-custom-custom24,
.nds-icon-custom-24 {
  background-color: #e56798;
  color: #fff;
}

.nds-icon-custom-custom25,
.nds-icon-custom-25 {
  background-color: #e46fbe;
  color: #fff;
}

.nds-icon-custom-custom26,
.nds-icon-custom-26 {
  background-color: #7698f0;
  color: #fff;
}

.nds-icon-custom-custom27,
.nds-icon-custom-27 {
  background-color: #5ab0d2;
  color: #fff;
}

.nds-icon-custom-custom28,
.nds-icon-custom-28 {
  background-color: #89c059;
  color: #fff;
}

.nds-icon-custom-custom29,
.nds-icon-custom-29 {
  background-color: #bdd25f;
  color: #fff;
}

.nds-icon-custom-custom30,
.nds-icon-custom-30 {
  background-color: #f59f71;
  color: #fff;
}

.nds-icon-custom-custom31,
.nds-icon-custom-31 {
  background-color: #eb687f;
  color: #fff;
}

.nds-icon-custom-custom32,
.nds-icon-custom-32 {
  background-color: #38c393;
  color: #fff;
}

.nds-icon-custom-custom33,
.nds-icon-custom-33 {
  background-color: #97cf5d;
  color: #fff;
}

.nds-icon-custom-custom34,
.nds-icon-custom-34 {
  background-color: #d58a6a;
  color: #fff;
}

.nds-icon-custom-custom35,
.nds-icon-custom-35 {
  background-color: #e9637e;
  color: #fff;
}

.nds-icon-custom-custom36,
.nds-icon-custom-36 {
  background-color: #d472d4;
  color: #fff;
}

.nds-icon-custom-custom37,
.nds-icon-custom-37 {
  background-color: #8c89f2;
  color: #fff;
}

.nds-icon-custom-custom38,
.nds-icon-custom-38 {
  background-color: #53b6d7;
  color: #fff;
}

.nds-icon-custom-custom39,
.nds-icon-custom-39 {
  background-color: #4fbe75;
  color: #fff;
}

.nds-icon-custom-custom40,
.nds-icon-custom-40 {
  background-color: #83c75e;
  color: #fff;
}

.nds-icon-custom-custom41,
.nds-icon-custom-41 {
  background-color: #43b5b5;
  color: #fff;
}

.nds-icon-custom-custom42,
.nds-icon-custom-42 {
  background-color: #cfd05b;
  color: #fff;
}

.nds-icon-custom-custom43,
.nds-icon-custom-43 {
  background-color: #7f93f9;
  color: #fff;
}

.nds-icon-custom-custom44,
.nds-icon-custom-44 {
  background-color: #c8ca58;
  color: #fff;
}

.nds-icon-custom-custom45,
.nds-icon-custom-45 {
  background-color: #d95879;
  color: #fff;
}

.nds-icon-custom-custom46,
.nds-icon-custom-46 {
  background-color: #67a5e7;
  color: #fff;
}

.nds-icon-custom-custom47,
.nds-icon-custom-47 {
  background-color: #5fcc64;
  color: #fff;
}

.nds-icon-custom-custom48,
.nds-icon-custom-48 {
  background-color: #ef697f;
  color: #fff;
}

.nds-icon-custom-custom49,
.nds-icon-custom-49 {
  background-color: #e25c80;
  color: #fff;
}

.nds-icon-custom-custom50,
.nds-icon-custom-50 {
  background-color: #49bcd3;
  color: #fff;
}

.nds-icon-custom-custom51,
.nds-icon-custom-51 {
  background-color: #d8c760;
  color: #fff;
}

.nds-icon-custom-custom52,
.nds-icon-custom-52 {
  background-color: #ee8e6f;
  color: #fff;
}

.nds-icon-custom-custom53,
.nds-icon-custom-53 {
  background-color: #f36e83;
  color: #fff;
}

.nds-icon-custom-custom54,
.nds-icon-custom-54 {
  background-color: #ea70b1;
  color: #fff;
}

.nds-icon-custom-custom55,
.nds-icon-custom-55 {
  background-color: #d66ee0;
  color: #fff;
}

.nds-icon-custom-custom56,
.nds-icon-custom-56 {
  background-color: #718deb;
  color: #fff;
}

.nds-icon-custom-custom57,
.nds-icon-custom-57 {
  background-color: #5a9cdd;
  color: #fff;
}

.nds-icon-custom-custom58,
.nds-icon-custom-58 {
  background-color: #34b59d;
  color: #fff;
}

.nds-icon-custom-custom59,
.nds-icon-custom-59 {
  background-color: #e3d067;
  color: #fff;
}

.nds-icon-custom-custom60,
.nds-icon-custom-60 {
  background-color: #bf5a88;
  color: #fff;
}

.nds-icon-custom-custom61,
.nds-icon-custom-61 {
  background-color: #f57376;
  color: #fff;
}

.nds-icon-custom-custom62,
.nds-icon-custom-62 {
  background-color: #6b92dc;
  color: #fff;
}

.nds-icon-custom-custom63,
.nds-icon-custom-63 {
  background-color: #7ccf60;
  color: #fff;
}

.nds-icon-custom-custom64,
.nds-icon-custom-64 {
  background-color: #618fd8;
  color: #fff;
}

.nds-icon-custom-custom65,
.nds-icon-custom-65 {
  background-color: #f279ab;
  color: #fff;
}

.nds-icon-custom-custom66,
.nds-icon-custom-66 {
  background-color: #d8be5f;
  color: #fff;
}

.nds-icon-custom-custom67,
.nds-icon-custom-67 {
  background-color: #f87d76;
  color: #fff;
}

.nds-icon-custom-custom68,
.nds-icon-custom-68 {
  background-color: #f26979;
  color: #fff;
}

.nds-icon-custom-custom69,
.nds-icon-custom-69 {
  background-color: #ed6387;
  color: #fff;
}

.nds-icon-custom-custom70,
.nds-icon-custom-70 {
  background-color: #e769b4;
  color: #fff;
}

.nds-icon-custom-custom71,
.nds-icon-custom-71 {
  background-color: #e36ee3;
  color: #fff;
}

.nds-icon-custom-custom72,
.nds-icon-custom-72 {
  background-color: #8d9bfb;
  color: #fff;
}

.nds-icon-custom-custom73,
.nds-icon-custom-73 {
  background-color: #679ef0;
  color: #fff;
}

.nds-icon-custom-custom74,
.nds-icon-custom-74 {
  background-color: #41c8a0;
  color: #fff;
}

.nds-icon-custom-custom75,
.nds-icon-custom-75 {
  background-color: #cd9f65;
  color: #fff;
}

.nds-icon-custom-custom76,
.nds-icon-custom-76 {
  background-color: #db6d7a;
  color: #fff;
}

.nds-icon-custom-custom77,
.nds-icon-custom-77 {
  background-color: #b55d5b;
  color: #fff;
}

.nds-icon-custom-custom78,
.nds-icon-custom-78 {
  background-color: #5a95dd;
  color: #fff;
}

.nds-icon-custom-custom79,
.nds-icon-custom-79 {
  background-color: #8ed363;
  color: #fff;
}

.nds-icon-custom-custom80,
.nds-icon-custom-80 {
  background-color: #659ad5;
  color: #fff;
}

.nds-icon-custom-custom81,
.nds-icon-custom-81 {
  background-color: #da627f;
  color: #fff;
}

.nds-icon-custom-custom82,
.nds-icon-custom-82 {
  background-color: #d15b97;
  color: #fff;
}

.nds-icon-custom-custom83,
.nds-icon-custom-83 {
  background-color: #e7806f;
  color: #fff;
}

.nds-icon-custom-custom84,
.nds-icon-custom-84 {
  background-color: #f6707b;
  color: #fff;
}

.nds-icon-custom-custom85,
.nds-icon-custom-85 {
  background-color: #f26891;
  color: #fff;
}

.nds-icon-custom-custom86,
.nds-icon-custom-86 {
  background-color: #e260ab;
  color: #fff;
}

.nds-icon-custom-custom87,
.nds-icon-custom-87 {
  background-color: #d876e5;
  color: #fff;
}

.nds-icon-custom-custom88,
.nds-icon-custom-88 {
  background-color: #996fe6;
  color: #fff;
}

.nds-icon-custom-custom89,
.nds-icon-custom-89 {
  background-color: #3e99be;
  color: #fff;
}

.nds-icon-custom-custom90,
.nds-icon-custom-90 {
  background-color: #22a48a;
  color: #fff;
}

.nds-icon-custom-custom91,
.nds-icon-custom-91 {
  background-color: #bf7b66;
  color: #fff;
}

.nds-icon-custom-custom92,
.nds-icon-custom-92 {
  background-color: #517e82;
  color: #fff;
}

.nds-icon-custom-custom93,
.nds-icon-custom-93 {
  background-color: #904d4c;
  color: #fff;
}

.nds-icon-custom-custom94,
.nds-icon-custom-94 {
  background-color: #439cba;
  color: #fff;
}

.nds-icon-custom-custom95,
.nds-icon-custom-95 {
  background-color: #8bcf6a;
  color: #fff;
}

.nds-icon-custom-custom96,
.nds-icon-custom-96 {
  background-color: #6d9de3;
  color: #fff;
}

.nds-icon-custom-custom97,
.nds-icon-custom-97 {
  background-color: #dd6085;
  color: #fff;
}

.nds-icon-custom-custom98,
.nds-icon-custom-98 {
  background-color: #e1be5c;
  color: #fff;
}

.nds-icon-custom-custom99,
.nds-icon-custom-99 {
  background-color: #f0856e;
  color: #fff;
}

.nds-icon-custom-custom100,
.nds-icon-custom-100 {
  background-color: #e15d76;
  color: #fff;
}

.nds-icon-custom-custom101,
.nds-icon-custom-101 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom102,
.nds-icon-custom-102 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom103,
.nds-icon-custom-103 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom104,
.nds-icon-custom-104 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom105,
.nds-icon-custom-105 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom106,
.nds-icon-custom-106 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom107,
.nds-icon-custom-107 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom108,
.nds-icon-custom-108 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom109,
.nds-icon-custom-109 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom110,
.nds-icon-custom-110 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom111,
.nds-icon-custom-111 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom112,
.nds-icon-custom-112 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-custom-custom113,
.nds-icon-custom-113 {
  background-color: #f28b00;
  color: #fff;
}

.nds-icon-standard-task-2 {
  background-color: #4bc076;
}

.nds-icon-standard-log-a-call {
  background-color: #48c3cc;
}

.nds-icon-standard-document {
  background-color: #baac93;
}

.nds-icon-standard-environment-hub {
  background-color: #54698d;
}

.nds-icon-standard-flow {
  background-color: #54698d;
}

.nds-icon-standard-sossession {
  background-color: #54698d;
}

.nds-icon-standard-process {
  background-color: #54698d;
}

.nds-icon-standard-news {
  background-color: #7f8de1;
}

.nds-icon-standard-home {
  background-color: #ef7ead;
}

.nds-icon-standard-account {
  background-color: #7f8de1;
}

.nds-icon-standard-apps-admin {
  background-color: #9895ee;
}

.nds-icon-standard-announcement {
  background-color: #62b7ed;
}

.nds-icon-standard-person-account {
  background-color: #7f8de1;
}

.nds-icon-standard-social {
  background-color: #ea74a2;
}

.nds-icon-standard-campaign-members {
  background-color: #f49756;
}

.nds-icon-standard-article {
  background-color: #f2cf5b;
}

.nds-icon-standard-answer-public {
  background-color: #f2cf5b;
}

.nds-icon-standard-answer-private {
  background-color: #f2cf5b;
}

.nds-icon-standard-answer-best {
  background-color: #f2cf5b;
}

.nds-icon-standard-avatar-loading {
  background-color: #b8c3ce;
}

.nds-icon-standard-campaign {
  background-color: #f49756;
}

.nds-icon-standard-calibration {
  background-color: #47cfd2;
}

.nds-icon-standard-avatar {
  background-color: #62b7ed;
}

.nds-icon-standard-approval {
  background-color: #50cc7a;
}

.nds-icon-standard-apps {
  background-color: #3c97dd;
}

.nds-icon-standard-user {
  background-color: #34becd;
}

.nds-icon-standard-evernote {
  background-color: #86c86f;
}

.nds-icon-standard-coaching {
  background-color: #f67594;
}

.nds-icon-standard-connected-apps {
  background-color: #9895ee;
}

.nds-icon-standard-drafts {
  background-color: #6ca1e9;
}

.nds-icon-standard-email {
  background-color: #95aec5;
}

.nds-icon-standard-email-iq {
  background-color: #a094ed;
}

.nds-icon-standard-endorsement {
  background-color: #8b9ae3;
}

.nds-icon-standard-event {
  background-color: #eb7092;
}

.nds-icon-standard-dropbox {
  background-color: #52aef9;
}

.nds-icon-standard-concur {
  background-color: #4cc3c7;
}

.nds-icon-standard-email-chatter {
  background-color: #f2cf5b;
}

.nds-icon-standard-case-transcript {
  background-color: #f2cf5b;
}

.nds-icon-standard-case-email {
  background-color: #f2cf5b;
}

.nds-icon-standard-case-log-a-call {
  background-color: #f2cf5b;
}

.nds-icon-standard-case-comment {
  background-color: #f2cf5b;
}

.nds-icon-standard-case-change-status {
  background-color: #f2cf5b;
}

.nds-icon-standard-work-order {
  background-color: #50e3c2;
}

.nds-icon-standard-work-order-item {
  background-color: #33a8dc;
}

.nds-icon-standard-client {
  background-color: #00d2be;
}

.nds-icon-standard-contract {
  background-color: #6ec06e;
}

.nds-icon-standard-dashboard {
  background-color: #ef6e64;
}

.nds-icon-standard-case {
  background-color: #f2cf5b;
}

.nds-icon-standard-empty {
  background-color: #8199af;
}

.nds-icon-standard-default {
  background-color: #8199af;
}

.nds-icon-standard-custom {
  background-color: #8199af;
}

.nds-icon-standard-canvas {
  background-color: #8199af;
}

.nds-icon-standard-contact {
  background-color: #a094ed;
}

.nds-icon-standard-portal {
  background-color: #aec770;
}

.nds-icon-standard-product {
  background-color: #b781d3;
}

.nds-icon-standard-pricebook {
  background-color: #b781d3;
}

.nds-icon-standard-feed {
  background-color: #62b7ed;
}

.nds-icon-standard-feedback {
  background-color: #6da1ea;
}

.nds-icon-standard-file {
  background-color: #baac93;
}

.nds-icon-standard-goals {
  background-color: #56aadf;
}

.nds-icon-standard-groups {
  background-color: #779ef2;
}

.nds-icon-standard-household {
  background-color: #00afa0;
}

.nds-icon-standard-hierarchy {
  background-color: #34becd;
}

.nds-icon-standard-insights {
  background-color: #ec94ed;
}

.nds-icon-standard-investment-account {
  background-color: #4bc076;
}

.nds-icon-standard-performance {
  background-color: #f8b156;
}

.nds-icon-standard-link {
  background-color: #7a9ae6;
}

.nds-icon-standard-metrics {
  background-color: #56aadf;
}

.nds-icon-standard-note {
  background-color: #e6d478;
}

.nds-icon-standard-lead {
  background-color: #f88962;
}

.nds-icon-standard-opportunity {
  background-color: #fcb95b;
}

.nds-icon-standard-call {
  background-color: #f2cf5b;
}

.nds-icon-standard-call-history {
  background-color: #f2cf5b;
}

.nds-icon-standard-orders {
  background-color: #769ed9;
}

.nds-icon-standard-post {
  background-color: #65cae4;
}

.nds-icon-standard-poll {
  background-color: #699be1;
}

.nds-icon-standard-photo {
  background-color: #d7d1d1;
}

.nds-icon-standard-people {
  background-color: #34becd;
}

.nds-icon-standard-generic-loading {
  background-color: #b8c3ce;
}

.nds-icon-standard-group-loading {
  background-color: #b8c3ce;
}

.nds-icon-standard-recent {
  background-color: #6ca1e9;
}

.nds-icon-standard-solution {
  background-color: #8fc972;
}

.nds-icon-standard-record {
  background-color: #7dc37d;
}

.nds-icon-standard-question-best {
  background-color: #f2cf5b;
}

.nds-icon-standard-question-feed {
  background-color: #f2cf5b;
}

.nds-icon-standard-related-list {
  background-color: #59bcab;
}

.nds-icon-standard-skill-entity {
  background-color: #8b9ae3;
}

.nds-icon-standard-scan-card {
  background-color: #f39e58;
}

.nds-icon-standard-report {
  background-color: #2ecbbe;
}

.nds-icon-standard-quotes {
  background-color: #88c651;
}

.nds-icon-standard-task {
  background-color: #4bc076;
}

.nds-icon-standard-task2 {
  background-color: #4bc076;
}

.nds-icon-standard-team-member {
  background-color: #f2cf5b;
}

.nds-icon-standard-thanks {
  background-color: #e9696e;
}

.nds-icon-standard-reward {
  background-color: #e9696e;
}

.nds-icon-standard-thanks-loading {
  background-color: #b8c3ce;
}

.nds-icon-standard-today {
  background-color: #ef7ead;
}

.nds-icon-standard-topic {
  background-color: #56aadf;
}

.nds-icon-standard-unmatched {
  background-color: #62b7ed;
}

.nds-icon-standard-marketing-actions {
  background-color: #6bbd6e;
}

.nds-icon-standard-relationship {
  background-color: #3c97dd;
}

.nds-icon-standard-folder {
  background-color: #8b9ae3;
}

.nds-icon-standard-service-contract {
  background-color: #8a76f0;
}

.nds-icon-standard-merge {
  background-color: #f2cf5b;
}

.nds-icon-standard-forecasts {
  background-color: #6bbd6e;
}

.nds-icon-standard-entitlements {
  background-color: #b781d3;
}

.nds-icon-standard-sales-path {
  background-color: #2a739e;
}

.nds-icon-standard-custom-notification {
  background-color: #6bb7e4;
}

.nds-icon-standard-datadotcom {
  background-color: #1589ee;
}

.nds-icon-standard-rtc-presence {
  background-color: #47cfd2;
}

.nds-icon-standard-product-consumed {
  background-color: #55bc9c;
}

.nds-icon-standard-product-transfer {
  background-color: #f88962;
}

.nds-icon-standard-product-item {
  background-color: #769ed9;
}

.nds-icon-standard-product-item-transaction {
  background-color: #f88962;
}

.nds-icon-standard-location {
  background-color: #4bc076;
}

.nds-icon-standard-address {
  background-color: #4bc076;
}

.nds-icon-standard-carousel {
  background-color: #6bbd6e;
}

.nds-icon-standard-assigned-resource {
  background-color: #45c173;
}

.nds-icon-standard-operating-hours {
  background-color: #6b9ee2;
}

.nds-icon-standard-product-required {
  background-color: #ef6e64;
}

.nds-icon-standard-resource-absence {
  background-color: #45c173;
}

.nds-icon-standard-resource-capacity {
  background-color: #45c173;
}

.nds-icon-standard-resource-preference {
  background-color: #45c173;
}

.nds-icon-standard-resource-skill {
  background-color: #45c173;
}

.nds-icon-standard-service-territory-member {
  background-color: #7e8be4;
}

.nds-icon-standard-service-appointment {
  background-color: #7e8be4;
}

.nds-icon-standard-service-report {
  background-color: #7e8be4;
}

.nds-icon-standard-service-resource {
  background-color: #7e8be4;
}

.nds-icon-standard-service-territory {
  background-color: #7e8be4;
}

.nds-icon-standard-skill {
  background-color: #fa975c;
}

.nds-icon-standard-skill-requirement {
  background-color: #fa975c;
}

.nds-icon-standard-timeslot {
  background-color: #fab24c;
}

.nds-icon-standard-work-type {
  background-color: #54698d;
}

.nds-icon-standard-entitlement {
  background-color: #7e8be4;
}

.nds-icon-standard-live-chat {
  background-color: #f88960;
}

.nds-icon-standard-shipment {
  background-color: #7e8be4;
}

.nds-icon-standard-maintenance-plan {
  background-color: #2a739e;
}

.nds-icon-standard-maintenance-asset {
  background-color: #2a739e;
}

.nds-icon-standard-service-territory-location {
  background-color: #7e8be4;
}

.nds-icon-standard-product-request {
  background-color: #88c651;
}

.nds-icon-standard-product-request-line-item {
  background-color: #88c651;
}

.nds-icon-standard-entity-milestone {
  background-color: #f49756;
}

.nds-icon-standard-case-milestone {
  background-color: #f2cf5b;
}

.nds-icon-standard-entitlement-process {
  background-color: #7e8be4;
}

.nds-icon-standard-entitlement-template {
  background-color: #7e8be4;
}

.nds-icon-standard-business-hours {
  background-color: #7dc37d;
}

.nds-icon-standard-timesheet {
  background-color: #7e8be4;
}

.nds-icon-standard-timesheet-entry {
  background-color: #7dc37d;
}

.nds-icon-standard-asset-relationship {
  background-color: #fa975c;
}

.nds-icon-standard-cms {
  background-color: #88c651;
}

.nds-icon-standard-lead-insights {
  background-color: #22b0e6;
}

.nds-icon-standard-quip {
  background-color: #25b4e9;
}

.nds-icon-standard-topic2 {
  background-color: #56aad0;
}

.nds-icon-standard-macros {
  background-color: #47cfd2;
}

.nds-icon-standard-service-crew-member {
  background-color: #7e8be4;
}

.nds-icon-standard-service-crew {
  background-color: #fa975c;
}

.nds-icon-standard-contract-line-item {
  background-color: #6ec06e;
}

.nds-icon-standard-quip-sheet {
  background-color: #30c85a;
}

.nds-icon-standard-omni-supervisor {
  background-color: #8a76f0;
}

.nds-icon-standard-quick-text {
  background-color: #62b7e5;
}

.nds-icon-standard-template {
  background-color: #3c97dd;
}

.nds-icon-standard-lead-list {
  background-color: #f88962;
}

.nds-icon-standard-contact-list {
  background-color: #a094ed;
}

.nds-icon-standard-list-email {
  background-color: #8baeb5;
}

.nds-icon-standard-opportunity-splits {
  background-color: #fcb95b;
}

.nds-icon-standard-entity {
  background-color: #f88962;
}

.nds-icon-standard-bot {
  background-color: #54698f;
}

/**
 * @selector .nds-icon
 * @restrict .nds-icon_container svg, svg
 */
.nds-icon {
  width: 2rem;
  height: 2rem;
  fill: #fff;
  outline: none;
}

[class*=nds-icon-standard-] .nds-icon, [class*=nds-icon-standard-].nds-icon,
[class*=nds-icon-action-] .nds-icon,
[class*=nds-icon-action-].nds-icon,
[class*=nds-icon-custom-] .nds-icon,
[class*=nds-icon-custom-].nds-icon {
  border-radius: 0.25rem;
}

.nds-icon_xx-small,
.nds-icon--xx-small {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 1;
}

/**
 * @selector .nds-icon_x-small
 * @restrict .nds-icon
 * @modifier
 * @group size
 */
.nds-icon_x-small,
.nds-icon--x-small {
  width: 1rem;
  height: 1rem;
  line-height: 1;
}

/**
 * @selector .nds-icon_small
 * @restrict .nds-icon
 * @modifier
 * @group size
 */
.nds-icon_small,
.nds-icon--small {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1;
}

/**
 * @selector .nds-icon_large
 * @restrict .nds-icon
 * @modifier
 * @group size
 */
.nds-icon_large,
.nds-icon--large {
  width: 3rem;
  height: 3rem;
}

/**
 * @selector .nds-icon-text-default
 * @restrict .nds-icon
 * @modifier
 * @group color
 */
.nds-icon-text-default {
  fill: #706e6b;
}

/**
 * @selector .nds-icon-text-warning
 * @restrict .nds-icon
 * @modifier
 * @group color
 */
.nds-icon-text-warning {
  fill: #ffb75d;
}

/**
 * @selector .nds-icon-text-error
 * @restrict .nds-icon
 * @modifier
 * @group color
 */
.nds-icon-text-error {
  fill: #e71313;
}

/**
 * @selector .nds-icon-text-light
 * @restrict .nds-icon, svg
 * @modifier
 * @group color
 */
.nds-icon-text-light {
  fill: #b0adab;
}

/**
 * @summary Initializes an accordion list with more than one section that will have its display toggled by invoking an interaction on the summary title
 *
 * @name base
 * @selector .nds-accordion
 * @restrict ul
 * @variant
 * @required
 * @support dev-ready
 */
.nds-accordion {
  position: relative;
}

/**
 * List item for each accordion section
 *
 * @selector .nds-accordion__list-item
 * @restrict .nds-accordion li
 * @required
 */
.nds-accordion__list-item {
  border-top: 1px solid #dddbda;
}

.nds-accordion__list-item:first-child {
  border-top: 0;
}

/**
 * Summary title for each expandable panel inside of an accordion
 *
 * @selector .nds-accordion__summary
 * @restrict .nds-accordion__section div
 * @required
 */
.nds-accordion__summary {
  display: -ms-flexbox;
  display: flex;
}

/**
 * Summary title for each expandable panel inside of an accordion
 *
 * @selector .nds-accordion__summary-heading
 * @restrict .nds-accordion__section h3
 * @required
 */
.nds-accordion__summary-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/**
 * Actionable button inside of accordion summary that would toggle the visibility of each section
 *
 * @selector .nds-accordion__summary-action
 * @restrict .nds-accordion__summary button
 * @required
 */
.nds-accordion__summary-action {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-align: center;
      align-items: center;
  min-width: 0;
}

/**
 * Icon inside of actionable button within an accordion section
 *
 * @selector .nds-accordion__summary-action-icon
 * @restrict .nds-accordion__summary-action svg
 * @required
 */
.nds-accordion__summary-action-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  transform: rotate(-90deg);
}

/**
 * Each expandable panel inside of an accordion
 *
 * @selector .nds-accordion__section
 * @restrict .nds-accordion section
 * @required
 */
.nds-accordion__section {
  padding: 0.75rem;
}

/**
 * Each expandable panel inside of an accordion
 *
 * @selector .nds-accordion__content
 * @restrict .nds-accordion__section div
 * @required
 */
.nds-accordion__content {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

/**
 * Toggle visibility of accordion section + rotate icon
 *
 * @selector .nds-is-open
 * @restrict .nds-accordion__section
 * @modifier
 */
.nds-is-open .nds-accordion__summary {
  margin-bottom: 0.75rem;
}

.nds-is-open .nds-accordion__summary-action-icon {
  transform: rotate(0deg);
}

.nds-is-open .nds-accordion__content {
  visibility: visible;
  opacity: 1;
  height: auto;
}

/**
 * @name ellie
 * @selector .nds-icon-ellie
 * @restrict span
 * @variant
 */
.nds-icon-ellie {
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
  overflow: hidden;
  /**
   * @summary Add .nds-is-animated to the SVG to enhance the icon with an animation.
   *
   * @selector .nds-is-animated
   * @restrict .nds-icon-ellie
   */
  /**
   * @summary Add .nds-is-paused to the SVG to pause the icon with an animation.
   *
   * @selector .nds-is-paused
   * @restrict .nds-icon-ellie
   */
}

.nds-icon-ellie.nds-is-animated {
  will-change: transform;
  animation: nds-icon-ellie-pop 0.3s ease-in 2s 1 both;
}

.nds-icon-ellie.nds-is-animated svg {
  will-change: transform;
  animation: nds-icon-ellie 1.2s steps(20) 2.3s 2 alternate;
}

.nds-icon-ellie.nds-is-paused,
.nds-icon-ellie.nds-is-paused svg {
  animation-play-state: paused;
}

.nds-icon-ellie svg {
  width: 17.5rem;
  vertical-align: top;
  color: #00a0e3;
}

.nds-icon-ellie circle:nth-child(2n+1) {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 4px;
}

.nds-icon-ellie circle:nth-child(2n) {
  fill: #fff;
  stroke: #fff;
  stroke-width: 1px;
}

.nds-icon-ellie circle:nth-child(1),
.nds-icon-ellie circle:nth-last-child(2) {
  stroke-width: 4px;
}

.nds-icon-ellie circle:nth-child(2),
.nds-icon-ellie circle:nth-last-child(1) {
  stroke-width: 1px;
}

.nds-icon-ellie circle:nth-child(3),
.nds-icon-ellie circle:nth-last-child(4) {
  stroke-width: 3.95px;
}

.nds-icon-ellie circle:nth-child(4),
.nds-icon-ellie circle:nth-last-child(3) {
  stroke-width: 1.2px;
}

.nds-icon-ellie circle:nth-child(5),
.nds-icon-ellie circle:nth-last-child(6) {
  stroke-width: 3.85px;
}

.nds-icon-ellie circle:nth-child(6),
.nds-icon-ellie circle:nth-last-child(5) {
  stroke-width: 1.4px;
}

.nds-icon-ellie circle:nth-child(7),
.nds-icon-ellie circle:nth-last-child(8) {
  stroke-width: 3.6px;
}

.nds-icon-ellie circle:nth-child(8),
.nds-icon-ellie circle:nth-last-child(7) {
  stroke-width: 1.7px;
}

.nds-icon-ellie circle:nth-child(9),
.nds-icon-ellie circle:nth-last-child(10) {
  stroke-width: 3.3px;
}

.nds-icon-ellie circle:nth-child(10),
.nds-icon-ellie circle:nth-last-child(9) {
  stroke-width: 2px;
}

.nds-icon-ellie circle:nth-child(11),
.nds-icon-ellie circle:nth-last-child(12) {
  stroke-width: 3.2px;
}

.nds-icon-ellie circle:nth-child(12),
.nds-icon-ellie circle:nth-last-child(11) {
  stroke-width: 2.4px;
}

.nds-icon-ellie circle:nth-child(13),
.nds-icon-ellie circle:nth-last-child(14) {
  stroke-width: 3.15px;
}

.nds-icon-ellie circle:nth-child(14),
.nds-icon-ellie circle:nth-last-child(13) {
  stroke-width: 2.8px;
}

.nds-icon-ellie circle:nth-child(15),
.nds-icon-ellie circle:nth-last-child(16) {
  stroke-width: 3.1px;
}

.nds-icon-ellie circle:nth-child(16),
.nds-icon-ellie circle:nth-last-child(15) {
  stroke-width: 3.25px;
}

.nds-icon-ellie circle:nth-child(17),
.nds-icon-ellie circle:nth-last-child(18) {
  stroke-width: 3.05px;
}

.nds-icon-ellie circle:nth-child(18),
.nds-icon-ellie circle:nth-last-child(17) {
  stroke-width: 3.7px;
}

.nds-icon-ellie circle:nth-child(19),
.nds-icon-ellie circle:nth-last-child(20) {
  stroke-width: 3px;
}

.nds-icon-ellie circle:nth-child(20),
.nds-icon-ellie circle:nth-last-child(19) {
  stroke-width: 4px;
}

@keyframes nds-icon-ellie-pop {
  0% {
    transform: scale(0.2);
  }
  70% {
    transform: scale(1.1);
  }
  90% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes nds-icon-ellie {
  to {
    transform: translateX(-17.5rem);
  }
}
/**
 * @name eq
 * @selector .nds-icon-eq
 * @restrict div
 * @variant
 */
.nds-icon-eq {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
  /**
   * @summary Turn animation on for animated icon
   *
   * @selector .nds-is-animated
   * @restrict .nds-icon-eq
   */
}

.nds-icon-eq.nds-is-animated .nds-icon-eq__bar {
  animation: nds-icon-eq 0.25s ease-in-out infinite alternate;
  will-change: transform;
  height: 0.1875rem;
}

.nds-icon-eq.nds-is-animated .nds-icon-eq__bar:nth-of-type(2) {
  animation-duration: 0.65s;
}

.nds-icon-eq.nds-is-animated .nds-icon-eq__bar:nth-of-type(3) {
  animation-duration: 0.35s;
}

/**
 * @summary Vertical bar for equalizer icon
 *
 * @selector .nds-icon-eq__bar
 * @restrict .nds-icon-eq div
 */
.nds-icon-eq__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0.25rem;
  height: 0.5625rem;
  background: #0070d2;
  transform: scaleY(1);
  transform-origin: bottom;
}

.nds-icon-eq__bar:nth-of-type(2) {
  left: 0.3125rem;
  height: 0.875rem;
}

.nds-icon-eq__bar:nth-of-type(3) {
  left: 0.625rem;
  height: 0.75rem;
}

@keyframes nds-icon-eq {
  to {
    transform: scaleY(4.6666666667);
  }
}
/**
 * @summary Initializes score icon
 *
 * @name score
 * @selector .nds-icon-score
 * @restrict span
 * @variant
 */
.nds-icon-score {
  display: inline-block;
  width: 0.3125rem;
  height: 0.3125rem;
  position: relative;
}

[class*=nds-icon-score__] {
  position: absolute;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  will-change: opacity;
  stroke-width: 1.125px;
}

/**
 * @summary Positive score icon
 *
 * @selector .nds-icon-score__positive
 * @restrict .nds-icon-score svg
 */
.nds-icon-score__positive {
  fill: #30a664;
  stroke: #30a664;
}

/**
 * @summary Negative score icon
 *
 * @selector .nds-icon-score__negative
 * @restrict .nds-icon-score svg
 */
.nds-icon-score__negative {
  fill: transparent;
  stroke: #d2504c;
}

[data-nds-state=positive] .nds-icon-score__positive,
[data-nds-state=negative] .nds-icon-score__negative {
  opacity: 1;
}

/**
 * @summary Initializes strength icon
 *
 * @name strength
 * @selector .nds-icon-strength
 * @restrict span
 * @variant
 */
.nds-icon-strength {
  width: 1.6875rem;
  height: 0.4375rem;
  display: inline-block;
  /**
   * @summary Add .nds-is-animated to the SVG to enhance the icon with an animation.
   *
   * @selector .nds-is-animated
   * @restrict .nds-icon-strength
   */
  /**
   * @summary Add .nds-is-paused to the SVG to pause the icon with an animation.
   *
   * @selector .nds-is-paused
   * @restrict .nds-icon-strength
   */
}

.nds-icon-strength circle {
  stroke-width: 0.95px;
  fill: transparent;
  stroke: #ccc;
  transition: fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
  will-change: fill, stroke;
}

.nds-icon-strength[data-nds-strength="1"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="2"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="2"] circle:nth-child(2), .nds-icon-strength[data-nds-strength="3"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="3"] circle:nth-child(2), .nds-icon-strength[data-nds-strength="3"] circle:nth-child(3) {
  fill: #04844b;
  stroke: #04844b;
}

.nds-icon-strength[data-nds-strength="-1"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="-2"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="-2"] circle:nth-child(2), .nds-icon-strength[data-nds-strength="-3"] circle:nth-child(1), .nds-icon-strength[data-nds-strength="-3"] circle:nth-child(2), .nds-icon-strength[data-nds-strength="-3"] circle:nth-child(3) {
  fill: #ffdde1;
  stroke: #c23934;
}

.nds-icon-strength.nds-is-animated circle {
  animation: nds-icon-strength-positive-load 0.4s 1s ease-in-out alternate both paused;
}

.nds-icon-strength.nds-is-animated circle:nth-child(2) {
  animation-delay: 1.4s;
}

.nds-icon-strength.nds-is-animated circle:nth-child(3) {
  animation-delay: 1.8s;
}

.nds-icon-strength.nds-is-animated[data-nds-strength^="-"] circle {
  animation-name: nds-icon-strength-negative-load;
}

.nds-icon-strength.nds-is-animated[data-nds-strength="-1"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="-2"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="-2"] circle:nth-child(2), .nds-icon-strength.nds-is-animated[data-nds-strength="-3"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="-3"] circle:nth-child(2), .nds-icon-strength.nds-is-animated[data-nds-strength="-3"] circle:nth-child(3), .nds-icon-strength.nds-is-animated[data-nds-strength="1"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="2"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="2"] circle:nth-child(2), .nds-icon-strength.nds-is-animated[data-nds-strength="3"] circle:nth-child(1), .nds-icon-strength.nds-is-animated[data-nds-strength="3"] circle:nth-child(2), .nds-icon-strength.nds-is-animated[data-nds-strength="3"] circle:nth-child(3) {
  animation-play-state: running;
}

.nds-icon-strength.nds-is-paused circle {
  /* stylelint-disable declaration-no-important */
  animation-play-state: paused !important;
  /* stylelint-enable declaration-no-important */
}

@keyframes nds-icon-strength-positive-load {
  0% {
    fill: transparent;
    stroke: #ccc;
  }
  100% {
    fill: #04844b;
    stroke: #04844b;
  }
}
@keyframes nds-icon-strength-negative-load {
  0% {
    fill: transparent;
    stroke: #ccc;
  }
  100% {
    fill: #ffdde1;
    stroke: #c23934;
  }
}
/**
 * @summary Initializes trend icon
 *
 * @name trend
 * @selector .nds-icon-trend
 * @restrict span
 * @variant
 */
.nds-icon-trend {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  /**
   * @summary Add .nds-is-animated to the SVG to enhance the icon with an animation.
   *
   * @selector .nds-is-animated
   * @restrict .nds-icon-trend
   */
  /**
   * @summary Add .nds-is-paused to the SVG to pause the icon with an animation.
   *
   * @selector .nds-is-paused
   * @restrict .nds-icon-trend
   */
}

.nds-icon-trend.nds-is-animated .nds-icon-trend__arrow {
  animation: nds-icon-trend-arrow 0.8s 0.4s ease-in-out both;
}

.nds-icon-trend.nds-is-animated .nds-icon-trend__circle {
  animation: nds-icon-trend-circle 0.8s ease-in-out both;
}

.nds-icon-trend.nds-is-paused .nds-icon-trend__arrow,
.nds-icon-trend.nds-is-paused .nds-icon-trend__circle {
  animation-play-state: paused;
}

.nds-icon-trend[data-nds-trend=down] {
  color: #c23934;
  transform: rotate(45deg);
}

.nds-icon-trend[data-nds-trend=neutral] {
  color: #979797;
}

.nds-icon-trend[data-nds-trend=up] {
  color: #028048;
  transform: rotate(-45deg);
}

.nds-icon-trend__arrow,
.nds-icon-trend__circle {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.125px;
}

/**
 * @summary Arrow element inside of trend icon
 *
 * @selector .nds-icon-trend__arrow
 * @restrict .nds-icon-trend path
 */
.nds-icon-trend__arrow {
  stroke-dashoffset: 0.1px;
  stroke-dasharray: 39.175px;
}

/**
 * @summary Circle element inside of trend icon
 *
 * @selector .nds-icon-trend__circle
 * @restrict .nds-icon-trend circle
 */
.nds-icon-trend__circle {
  stroke-dasharray: 42.3385px, 46.3385px;
}

@keyframes nds-icon-trend-arrow {
  from {
    stroke-dashoffset: 40.3px;
  }
}
@keyframes nds-icon-trend-circle {
  from {
    stroke-dasharray: 0.1px, 46.3385px;
  }
}
/**
 * @summary Containing actionable element that holds the waffle icon
 *
 * @name waffle
 * @selector .nds-icon-waffle_container
 * @restrict button
 * @variant
 */
.nds-icon-waffle_container {
  border: 0;
  outline: 0;
}

.nds-icon-waffle_container:hover [class*=nds-r], .nds-icon-waffle_container:focus [class*=nds-r] {
  animation: nds-icon-waffle-throb 2 200ms alternate;
}

.nds-icon-waffle_container:hover .nds-r1,
.nds-icon-waffle_container:hover .nds-r2,
.nds-icon-waffle_container:hover .nds-r3, .nds-icon-waffle_container:focus .nds-r1,
.nds-icon-waffle_container:focus .nds-r2,
.nds-icon-waffle_container:focus .nds-r3 {
  background-color: #418fde;
}

.nds-icon-waffle_container:hover .nds-r4,
.nds-icon-waffle_container:hover .nds-r5,
.nds-icon-waffle_container:hover .nds-r7, .nds-icon-waffle_container:focus .nds-r4,
.nds-icon-waffle_container:focus .nds-r5,
.nds-icon-waffle_container:focus .nds-r7 {
  background-color: #ed8b00;
}

.nds-icon-waffle_container:hover .nds-r6,
.nds-icon-waffle_container:hover .nds-r8,
.nds-icon-waffle_container:hover .nds-r9, .nds-icon-waffle_container:focus .nds-r6,
.nds-icon-waffle_container:focus .nds-r8,
.nds-icon-waffle_container:focus .nds-r9 {
  background-color: #ffb60f;
}

.nds-icon-waffle_container:hover .nds-r2,
.nds-icon-waffle_container:hover .nds-r4, .nds-icon-waffle_container:focus .nds-r2,
.nds-icon-waffle_container:focus .nds-r4 {
  transition-delay: 50ms;
  animation-delay: 50ms;
}

.nds-icon-waffle_container:hover .nds-r3,
.nds-icon-waffle_container:hover .nds-r5,
.nds-icon-waffle_container:hover .nds-r7, .nds-icon-waffle_container:focus .nds-r3,
.nds-icon-waffle_container:focus .nds-r5,
.nds-icon-waffle_container:focus .nds-r7 {
  transition-delay: 100ms;
  animation-delay: 100ms;
}

.nds-icon-waffle_container:hover .nds-r6,
.nds-icon-waffle_container:hover .nds-r8, .nds-icon-waffle_container:focus .nds-r6,
.nds-icon-waffle_container:focus .nds-r8 {
  transition-delay: 150ms;
  animation-delay: 150ms;
}

.nds-icon-waffle_container:hover .nds-r9, .nds-icon-waffle_container:focus .nds-r9 {
  transition-delay: 200ms;
  animation-delay: 200ms;
}

/**
 * @summary Element container circles for the waffle icon
 *
 * @selector .nds-icon-waffle
 * @restrict .nds-icon-waffle_container > span
 */
.nds-icon-waffle {
  width: 1.3125rem;
  height: 1.3125rem;
  position: relative;
  display: block;
  cursor: pointer;
}

.nds-icon-waffle [class*=nds-r] {
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #706e6b;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  transition: background-color 100ms;
  transform-origin: 50% 50%;
  will-change: scale, background-color;
}

.nds-icon-waffle .nds-r1 {
  top: 0;
  left: 0;
}

.nds-icon-waffle .nds-r2 {
  top: 0;
  left: 0.5rem;
}

.nds-icon-waffle .nds-r3 {
  top: 0;
  right: 0;
}

.nds-icon-waffle .nds-r4 {
  top: 0.5rem;
  left: 0;
}

.nds-icon-waffle .nds-r5 {
  top: 0.5rem;
  left: 0.5rem;
}

.nds-icon-waffle .nds-r6 {
  top: 0.5rem;
  right: 0;
}

.nds-icon-waffle .nds-r7 {
  bottom: 0;
  left: 0;
}

.nds-icon-waffle .nds-r8 {
  bottom: 0;
  left: 0.5rem;
}

.nds-icon-waffle .nds-r9 {
  bottom: 0;
  right: 0;
}

.nds-icon-waffle .nds-r1 {
  transition-delay: 200ms;
}

.nds-icon-waffle .nds-r2,
.nds-icon-waffle .nds-r4 {
  transition-delay: 150ms;
}

.nds-icon-waffle .nds-r3,
.nds-icon-waffle .nds-r5,
.nds-icon-waffle .nds-r7 {
  transition-delay: 100ms;
}

.nds-icon-waffle .nds-r6,
.nds-icon-waffle .nds-r8 {
  transition-delay: 50ms;
}

@keyframes nds-icon-waffle-throb {
  to {
    transform: scale(1.5);
  }
}
/**
* The base card is used primarily on desktop within a “wide” column
* or “main content area”, which uses two-thirds of the viewport.
* In addition, the `.nds-card` class is used for layout purposes
* when a card has an adjacent card, those proceeding the initial will provide margin
* to give the cards spacing between each other.
*
* @summary Initializes card
*
* @name base
* @selector .nds-card
* @restrict article, div
* @variant
*/
.nds-card {
  position: relative;
  padding: 0;
  background: #f8fbfe;
  margin: 76px 0px 76px;
  /**
   * Initializes card header
   *
   * @selector .nds-card__header
   * @restrict .nds-card div
   */
  /**
   * Initializes card body
   *
   * @selector .nds-card__body
   * @restrict .nds-card div
   */
  /**
   * Initializes card footer
   *
   * @selector .nds-card__footer
   * @restrict .nds-card footer
   */
}

.nds-card + .nds-card {
  margin-top: 0.75rem;
}

.nds-card__body_inner, .nds-card__body--inner {
  padding: 0 1rem;
}

.nds-card__header {
  padding: 0.75rem 1rem 0;
  margin: 0 0 0.75rem;
}

.nds-card__header-link {
  color: inherit;
  font-weight: 700;
}

.nds-card__body {
  margin-bottom: 0.75rem;
}

.nds-card__body:empty, .nds-card__footer:empty {
  display: none;
}

.nds-card__footer {
  padding: 0.75rem 1rem;
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.8125rem;
  border-top: 1px solid #dddbda;
}

.nds-card .nds-card_empty .nds-card__body,
.nds-card .nds-card--empty .nds-card__body {
  text-align: center;
}

/**
 * Use class if card consumes any form of a tile
 *
 * @selector .nds-card__tile
 * @restrict .nds-tile
 */
.nds-card__tile {
  margin-top: 0.5rem;
}

.nds-card-wrapper {
  padding: 1rem;
  background: #f8fbfe;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.nds-card-wrapper .nds-card__header,
.nds-card-wrapper .nds-card__body,
.nds-card-wrapper .nds-card__footer {
  padding-left: 0;
  padding-right: 0;
}

.nds-card .nds-card,
.nds-card .nds-card-wrapper,
.nds-card-wrapper .nds-card,
.nds-card-wrapper .nds-card-wrapper,
.nds-modal .nds-card,
.nds-modal .nds-card-wrapper,
.nds-tabs_default .nds-card,
.nds-tabs_default .nds-card-wrapper,
.nds-tabs--default .nds-card,
.nds-tabs--default .nds-card-wrapper,
.nds-tabs_card .nds-card,
.nds-tabs_card .nds-card-wrapper,
.nds-tabs_card.nds-tabs_card .nds-card,
.nds-tabs_card.nds-tabs_card .nds-card-wrapper {
  background: #f8fbfe;
  border: 0;
  box-shadow: none;
}

.nds-card .nds-card_boundary,
.nds-modal .nds-card_boundary,
.nds-tabs_default .nds-card_boundary,
.nds-tabs--default .nds-card_boundary {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

/**
 * This class allows default tabs to appear to be in a card
 *
 * .nds-tabs_card
 * .nds-tabs_default
 */
.nds-tabs_card,
.nds-tabs_card.nds-tabs_card {
  padding: 1rem;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

.nds-tabs_card .nds-card,
.nds-tabs_card .nds-card-wrapper,
.nds-tabs_card.nds-tabs_card .nds-card,
.nds-tabs_card.nds-tabs_card .nds-card-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.nds-tabs_card .nds-card__header,
.nds-tabs_card .nds-card__body,
.nds-tabs_card .nds-card__footer,
.nds-tabs_card.nds-tabs_card .nds-card__header,
.nds-tabs_card.nds-tabs_card .nds-card__body,
.nds-tabs_card.nds-tabs_card .nds-card__footer {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.nds-tabs_card .nds-card_boundary,
.nds-tabs_card.nds-tabs_card .nds-card_boundary {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

.nds-tabs_card .nds-card_boundary .nds-card__header,
.nds-tabs_card.nds-tabs_card .nds-card_boundary .nds-card__header {
  padding-left: 0.75rem 1rem 0;
  padding-right: 0.75rem 1rem 0;
}

.nds-tabs_card .nds-card_boundary .nds-card__body_inner,
.nds-tabs_card .nds-card_boundary .nds-card__body--inner,
.nds-tabs_card.nds-tabs_card .nds-card_boundary .nds-card__body_inner,
.nds-tabs_card.nds-tabs_card .nds-card_boundary .nds-card__body--inner {
  padding: 0 1rem;
}

.nds-tabs_card .nds-card_boundary .nds-card__footer,
.nds-tabs_card.nds-tabs_card .nds-card_boundary .nds-card__footer {
  padding-left: 0.75rem 1rem;
  padding-right: 0.75rem 1rem;
}

/**
*
*
* @name vpl
* @selector .nds-card_custom
* @restrict .nds-card
* @variant
*/
.nds-card_custom {
  box-shadow: none;
  border: 0;
  background: none;
}

.nds-summary__details {
  background: #f9fbfe;
}

.nds-summary__details img {
  height: auto;
  max-width: 50px;
  margin-top: -6px;
  width: 50px;
  margin-left: -10px;
  position: relative;
  z-index: 1;
  background: #f9fbfe;
}

.nds-summary__details .nds-summary__details-label {
  font-weight: 700;
}

.nds-summary__details .nds-summary__details-value {
  font-weight: 300;
}

@media (max-width: 30em) and (min-width: 10em) {
  .nds-summary__details img {
    margin-top: -19px;
  }

  .nds-summary__details h3 {
    text-align: center;
  }

  .nds-summary__details .slds-media__figure {
    top: -10px;
    position: relative;
  }

  .nds-summary__details .nds-summary__details-icon {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .nds-summary__details .nds-summary__details-icon:after {
    content: "";
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 4px;
  }
}
/**
* The base card is used primarily on desktop within a “wide” column
* or “main content area”, which uses two-thirds of the viewport.
* In addition, the `.nds-card` class is used for layout purposes
* when a card has an adjacent card, those proceeding the initial will provide margin
* to give the cards spacing between each other.
*
* @summary Initializes card
*
* @name newport-asset-detail
* @selector .nds-card_asset-detail
* @restrict .nds-card
* @variant
*/
.nds-card_asset-detail {
  box-shadow: none;
  border: 0;
  background: none;
}

/**
 * An image is the preferred format for an avatar
 *
 * @summary Creates a Edit block control
 * @name base
 * @selector .nds-edit-block
 * @restrict div
 * @variant
 */
.nds-edit-block {
  position: relative;
  padding: 0;
}

.nds-edit-block_gaction_btn svg {
  cursor: pointer;
}

.nds-edit-block_gaction_btn .nds-popover_tooltip {
  left: -0.56rem;
  top: 2.6rem;
  white-space: nowrap;
  display: none;
}

.nds-edit-block_gaction_btn:hover .nds-popover_tooltip {
  display: block;
}

.nds-table_custom .nds-table {
  table-layout: fixed;
}

.nds-table_custom .nds-table_bordered {
  border: 1px solid #7f7f7f;
  border-radius: 5px;
}

.nds-table_custom .nds-table thead th {
  height: 2rem;
  background-color: #fff;
  color: #556a8c;
  border-bottom: 1px solid #7f7f7f;
}

.nds-table_custom .nds-table tr {
  cursor: pointer;
}

.nds-table_custom .nds-table tr .nds-required {
  top: 0.6875rem;
  font-size: 1rem;
}

.nds-table_custom .nds-table tr td {
  border-top: 0;
}

.nds-table_custom .nds-table tr form div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 2rem);
  color: #16325c;
}

.nds-table_custom .nds-table tr > td:first-child {
  padding-left: 0.5rem;
}

.nds-table_custom .nds-editblock_add-button {
  /* stylelint-disable declaration-no-important */
  box-shadow: unset !important;
  /* stylelint-enable declaration-no-important */
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #00396b;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-table_custom .nds-table_custom-row-selected {
  background: #f5f5f5;
}

.nds-edit-block_shortcards {
  height: 12.5rem;
  border: 1px solid #7f7f7f;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}

.nds-edit-block_shortcards form {
  height: inherit;
  outline: none;
}

.nds-edit-block_shortcards form .nds-edit-block_cards-action-container {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  position: relative;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-circle {
  position: relative;
  text-align: center;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-circle .nds-icon_container_circle {
  position: relative;
  border: 3px solid #1564bf;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-circle .nds-icon_container_circle .nds-icon {
  fill: #1564bf;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-controls-container {
  position: relative;
  text-align: center;
  padding: 3px;
  overflow: hidden;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-controls-container div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 3px;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-add-icon {
  position: relative;
  text-align: center;
}

.nds-edit-block_shortcards .nds-edit-block_shortcards-add-icon span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-edit-block_shortcards .nds-edit-block_cards-selected-icon {
  top: -0.6rem;
  left: -0.6rem;
  visibility: hidden;
}

.nds-edit-block_shortcards .nds-edit-block_cards-selected-icon .nds-icon_container_circle {
  padding: 0.5rem;
  border-radius: 50%;
  background: #1564bf;
}

.nds-edit-block_shortcards .nds-edit-block_cards-selected-icon.nds-edit-block_cards-selected {
  visibility: visible;
}

.nds-edit-block_shortcards:focus, .nds-edit-block_shortcards:active {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-edit-block_longcards {
  height: 5rem;
  border: 1px solid #7f7f7f;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}

.nds-edit-block_longcards form {
  height: inherit;
  outline: none;
}

.nds-edit-block_longcards .nds-edit-block_longcards-controls-container {
  display: inline-block;
  position: relative;
  width: calc(100% - 12.1rem);
  left: 5.5rem;
  top: -3.8rem;
  height: 3.7rem;
  overflow: hidden;
}

.nds-edit-block_longcards .nds-edit-block_longcards-controls-container div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-edit-block_longcards .nds-edit-block_longcards-circle {
  display: block;
  width: 5rem;
  height: inherit;
}

.nds-edit-block_longcards .nds-edit-block_longcards-circle .nds-icon_container_circle {
  border: 3px solid #1564bf;
  position: relative;
  width: 3.4rem;
  height: 3.4rem;
  top: 0.7rem;
  /* stylelint-disable declaration-no-important */
  left: 1rem !important;
  /* stylelint-enable declaration-no-important */
}

.nds-edit-block_longcards .nds-edit-block_longcards-circle .nds-icon_container_circle .nds-icon {
  fill: #1564bf;
  width: 2rem;
  height: 2rem;
}

.nds-edit-block_longcards .nds-edit-block_cards-action-container {
  position: relative;
  top: 1.5rem;
  left: 1.2rem;
}

.nds-edit-block_longcards .nds-edit-block_longcards-add-icon span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding: 0 0.4rem;
}

.nds-edit-block_longcards .nds-edit-block_cards-selected-icon {
  top: -0.8rem;
  left: 0.8rem;
  visibility: hidden;
}

.nds-edit-block_longcards .nds-edit-block_cards-selected-icon .nds-icon_container_circle {
  padding: 0.5rem;
  border-radius: 50%;
  background: #1564bf;
}

.nds-edit-block_longcards .nds-edit-block_cards-selected-icon.nds-edit-block_cards-selected {
  visibility: visible;
}

.nds-edit-block_longcards:focus, .nds-edit-block_longcards:active {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-edit-block_cards-add-card {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
}

.nds-edit-block_cards-add-card .nds-icon_container_circle {
  border: 3px solid #d8dde6 !important;
  left: unset !important;
}

.nds-edit-block_cards-add-card .nds-icon_container_circle .nds-icon {
  fill: #d8dde6 !important;
}

.nds-edit-block_cards-action-container .nds-required {
  position: absolute;
  top: 0.2rem;
  left: -0.6rem;
  font-size: 1rem;
}

.nds-editblock_action-button {
  width: 2rem;
  border: 1px solid #d8dde6;
  background: inherit;
  z-index: 1;
}

.nds-editblock_action-button svg {
  fill: #1564bf;
  width: 1rem;
  height: 1rem;
}

.nds-edit-block_form-password {
  width: 100%;
  background: none;
  border: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/**
 * Inline Edit Block
 */
.nds-editblock_inline .nds-edit-block-edit__container {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  padding: 2rem;
  position: relative;
  width: 100%;
  z-index: 9000;
  background: #fff;
}

.nds-editblock_inline .nds-edit-block-edit__container svg.nds-editblock_close {
  fill: #1564bf;
  top: 0;
  right: 0;
  position: absolute;
  cursor: pointer;
}

.nds-editblock_inline .nds-edit-block-edit__container .nds-custom_button {
  background: #fff;
  padding: 0.2rem 3.5rem;
  color: #0070d2;
  border: 1px solid #7f7f7f;
  font-weight: 500;
}

.nds-editblock_inline [role=button]:focus, .nds-editblock_inline [role=button]:active,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):focus,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):active {
  outline: none;
}

.nds-editblock_inline [role=button]:focus > svg, .nds-editblock_inline [role=button]:focus.nds-grid, .nds-editblock_inline [role=button]:active > svg, .nds-editblock_inline [role=button]:active.nds-grid,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):focus > svg,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):focus.nds-grid,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):active > svg,
.nds-editblock_inline [tabindex="0"]:not(.nds-editblock_add-button):active.nds-grid {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-editblock_inline .nds-edit-block_longcards {
  border: 0;
  height: auto;
}

.nds-editblock_inline .nds-edit-block_longcards .nds-edit-block_longcards-controls-container {
  margin-left: 1rem;
  line-height: 5rem;
  width: 100%;
  top: 0;
  left: 0;
  height: inherit;
}

.nds-editblock_inline .nds-edit-block_longcards .nds-edit-block_longcards-controls-container div {
  float: left;
  margin-left: 1rem;
}

.nds-editblock_inline .nds-edit-block_longcards .nds-edit-block_longcards-controls-container div:first-child {
  font-weight: 600;
}

.nds-editblock_inline .nds-edit-block_longcards .nds-editblock_delete {
  fill: #1564bf;
  display: inline-block;
}

.nds-editblock_inline .nds-edit-block_longcards > div {
  height: 5rem;
}

.nds-editblock_inline .nds-edit-block_longcards > div:focus {
  outline: none;
}

.nds-editblock_inline .nds-edit-block_longcards form {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
}

.nds-editblock_inline .nds-edit-block_longcards form:focus, .nds-editblock_inline .nds-edit-block_longcards form:active {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-editblock_inline .nds-edit-block_longcards .nds-edit-block_inline-action-container {
  position: absolute;
  top: 1.6rem;
  right: 1.5rem;
}

.nds-editblock_inline .nds-edit-block_card-height {
  height: auto;
}

.nds-editblock_inline .nds-editblock_inline__edit-block {
  position: relative;
  z-index: 99;
  margin-top: -5.1rem;
  background-color: #fff;
}

.nds-editblock_inline .nds-cont-wrapper .nds-custom_button {
  left: calc(50% - 70px);
}

.nds-editblock_inline .nds-cont-wrapper button.nds-custom_button:disabled,
.nds-editblock_inline .nds-cont-wrapper button.nds-custom_button[disabled] {
  opacity: 0.5;
}

.nds-editblock_inline .nds-edit-block_longcards-controls-container div {
  max-width: 40%;
}

@media (max-width: 30em) {
  .nds-editblock_inline .nds-edit-block_longcards-controls-container div {
    max-width: 30%;
  }
}
.nds-editblock_inline .nds-edit-block_longcards-controls-container div span.nds-edit-block_txt-disp {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1;
}

.nds-editblock_inline .nds-edit-block_longcards-controls-container div span.nds-edit-block_txt-disp .nds-edit-block_currency-icon {
  display: inline;
  width: auto;
}

.nds-edit-block_cards-add-card.nds-edit-block_longcards {
  border: 1px solid #7f7f7f;
}

.nds-inline_new-top {
  margin-top: -10.6rem;
}

.nds-inline_edit-top {
  margin-top: -5.15rem;
}

.nds-edit-block_shortcards[aria-invalid=true],
.nds-edit-block_longcards[aria-invalid=true] {
  border-color: #e71313;
}

.nds-edit-block-fs-row[aria-invalid=true] .nds-grid[role=button] {
  border: 1px solid #e71313;
}

.nds-edit-block-fs-row {
  margin-bottom: 0.25rem;
}

.nds-editblock_inline .nds-edit-block_longcards form[aria-invalid=true] {
  border-color: #e71313;
}

.nds-editblock-table-row {
  cursor: pointer;
}

.nds-editblock-table-row[data-is-selected=true],
.nds-editblock-table-row:hover {
  background-color: #f4f6f9;
  border-color: #dddbda;
}

.nds-editblock-table-row[aria-invalid=true] {
  border-color: #e71313;
}

/**
* @summary Creates layout for a form element
*
* @name base
* @selector .nds-form-element
* @restrict div, fieldset, li
* @variant
*/
.nds-form-element {
  position: relative;
  /**
  * Creates label styles for our form elements
  *
  * @selector .nds-form-element__label
  * @restrict .nds-form-element label, .nds-form-element span, .nds-form-element legend, [class*='nds-checkbox'] span, [class*='nds-radio'] span, span
  */
  /**
  * Wrapper to any form display element
  *
  * @selector .nds-form-element__control
  * @restrict .nds-form-element div
  */
  /**
  * When an icon sits within a form element wrapper and adjacent to another
  * element inside that wrapper such as a .form-element__label
  *
  * @selector .nds-form-element__icon
  * @restrict .nds-form-element div
  */
  /**
  * Creates inline help styles, sits below .form-element__control. Text-form capitalized, by default.
  *
  * @selector .nds-form-element__help
  * @restrict .nds-form-element div
  */
}

.nds-form-element__helper {
  font-size: 0.75rem;
}

.nds-form-element__label {
  display: inline-block;
  color: #1b1b1b;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
  margin-right: 0.75rem;
  margin-bottom: 0.125rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nds-form-element__label:empty {
  margin: 0;
}

.nds-form-element__label span {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.nds-form-element__control .nds-radio,
.nds-form-element__control .nds-checkbox {
  display: block;
}

.nds-form-element__icon {
  display: inline-block;
  position: relative;
}

.nds-form-element__help {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: block;
  /**
  * Creates inline help styles, sits within .form-element__help. Text-transform set to none.
  *
  * @selector .nds-form-element__help_text-transform__none
  * @restrict .nds-form-element div
  */
}

.nds-form-element__help__text-transform__none {
  text-transform: none;
}

.nds-form-element_edit .nds-form-element__static, .nds-form-element--edit .nds-form-element__static {
  width: calc(100% - 1.5rem);
}

/**
* Required Star
*
* @selector .nds-required
* @restrict .nds-form-element abbr, abbr
*/
.nds-required {
  color: #e71313;
  margin: 0 0.125rem 0 -0.18rem;
  display: none;
}

/**
* Error styles for form element
*
* @selector .nds-has-error
* @restrict .nds-form-element
* @modifier
* @group feedback
*/
.nds-has-error .nds-form-element__help {
  color: #e71313;
  font-family: Open Sans;
}

/* stylelint-disable selector-class-pattern */
/**
 * @summary Custom animation with label on input focus
 *
 * @name animate
 * @selector .nds-form-element__control-animated-label
 * @restrict .nds-form-element__control
 * @variant
 */
.nds-form-element__control-animated-label {
  font-size: 0.875rem;
  position: relative;
}

.nds-form-element__label {
  color: #1b1b1b;
  font-family: Open Sans;
}

.nds-input {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
}

input[placeholder]:-ms-input-placeholder {
  /* stylelint-disable declaration-no-important */
  font-size: 0.875rem;
  font-weight: 200;
  /* stylelint-enable declaration-no-important */
}

input[placeholder]::placeholder {
  /* stylelint-disable declaration-no-important */
  font-size: 0.875rem;
  font-weight: 200;
  /* stylelint-enable declaration-no-important */
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label {
  top: 0.25rem;
  left: 0;
  position: absolute;
  width: 100%;
  right: 0;
  pointer-events: none;
  overflow: visible;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label .nds-button_icon {
  border: 0;
  top: 0.05rem;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__icon {
  vertical-align: text-bottom;
}

.nds-form-element__control.nds-form-element__control-animated-label label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.875rem;
  letter-spacing: 1px;
  color: #556a8c;
  padding: 0 0.5rem 0 0;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty + .nds-form-element__label {
  transform: translate3d(0, -1.2rem, 0);
  transition-duration: 300ms;
  z-index: 1;
  top: 0.4rem;
  left: 0;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input:focus + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select:focus + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty ~ .nds-form-element__label .nds-button_icon,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty + .nds-form-element__label .nds-button_icon {
  top: -0.05rem;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label .nds-faux-animate + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-has-value:not(:focus):valid + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input[cloned=dirty] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input[cloned=dirty] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-has-value:not(:focus):valid + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select[cloned=dirty] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select[cloned=dirty] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-has-value:not(:focus):valid + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.nds-not-empty.nds-is-dirty + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea[cloned=dirty] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-dirty.ng-not-empty + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label input.ng-touched.ng-not-empty.td-input + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.ng-dirty.ng-not-empty + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label select.nds-select.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty ~ .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty ~ label.nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty + .nds-form-element__label label,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-not-empty.ng-dirty + label.nds-form-element__label {
  font-size: 0.875rem;
  font-weight: normal;
  padding: 0 0.5rem 0 0;
}

.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label input:focus ~ .nds-form-element__label .nds-required,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ .nds-form-element__label,
.nds-form-element__control.nds-form-element__control-animated-label select:focus ~ .nds-form-element__label .nds-required,
.nds-form-element__control.nds-form-element__control-animated-label textarea:focus ~ .nds-form-element__label {
  color: #7f7f7f;
}

.nds-form-element__control.nds-input-has-icon svg.nds-icon {
  fill: #54698d;
}

.nds-form-element__control.nds-input-has-icon.nds-input-has-icon_left.nds-form-element__control-animated-label .nds-form-element__label,
.nds-form-element__control.nds-input-has-icon.nds-input-has-icon_left-right.nds-form-element__control-animated-label .nds-form-element__label {
  left: 1.25rem;
}

.nds-form-element__control.nds-input-has-icon.nds-input-has-icon_left.nds-form-element__control-animated-label input:focus ~ label,
.nds-form-element__control.nds-input-has-icon.nds-input-has-icon_left-right.nds-form-element__control-animated-label input:focus ~ label,
.nds-form-element__control.nds-input-has-icon.nds-input-has-icon_left.nds-form-element__control-animated-label input:not(:focus):valid ~ label {
  left: 0;
}

.nds-form-element__control.nds-form-element__control-animated-label input[readonly] ~ label {
  transform: translate3d(0, -1.2rem, 0);
  top: 0.4rem;
  left: 0;
}

.nds-form-element__control.nds-form-element__control-animated-label input[type=email].ng-dirty.ng-invalid,
.nds-form-element__control.nds-form-element__control-animated-label input[type=password].ng-dirty.ng-invalid,
.nds-form-element__control.nds-form-element__control-animated-label input[type=tel].ng-dirty.ng-invalid,
.nds-form-element__control.nds-form-element__control-animated-label input[type=text].ng-dirty.ng-invalid,
.nds-form-element__control.nds-form-element__control-animated-label input[type=url].ng-dirty.ng-invalid,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-dirty.ng-invalid {
  border-bottom: 1px solid #e71313;
  border-image: initial;
}

.nds-form-element__control.nds-form-element__control-animated-label input[type=text].ng-dirty.ng-valid.ng-not-empty + label span,
.nds-form-element__control.nds-form-element__control-animated-label input[type=email].ng-dirty.ng-valid.ng-not-empty + label span,
.nds-form-element__control.nds-form-element__control-animated-label input[type=password].ng-dirty.ng-valid.ng-not-empty + label span,
.nds-form-element__control.nds-form-element__control-animated-label input[type=url].ng-dirty.ng-valid.ng-not-empty + label span,
.nds-form-element__control.nds-form-element__control-animated-label input[type=tel].ng-dirty.ng-valid.ng-not-empty + label span,
.nds-form-element__control.nds-form-element__control-animated-label textarea.ng-dirty.ng-valid.ng-not-empty + label span {
  color: #50e3c2;
}

.nds-has-error .nds-form-element__help {
  letter-spacing: 1px;
  color: #e71313;
  font-family: Open Sans;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 0.625rem;
}

.nds-has-error .nds-form-element__help.nds-form-element__help_text-transform__none {
  text-transform: none;
}

.nds-form-element__control-animated-label .nds-control-action__container {
  top: 0.25rem;
}

.nds-control-action__container svg[disabled=disabled] {
  pointer-events: none;
  opacity: 0.5;
}

.nds-form-element__control-animated-label + .nds-form-element__control-help,
.nds-form--multi-input__container + .nds-form-element__control-help,
.nds-select-wrapper + .nds-form-element__control-help {
  visibility: hidden;
  opacity: 0;
  margin-top: -2px;
  transition: visibility 2s, opacity 0.5s linear;
  position: absolute;
}

.nds-input__tooltip .nds-form-element__control-help.nds-helptext-focus {
  visibility: visible;
  opacity: 1;
}

.nds-form-element__control-animated-label .nds-input:disabled + label {
  opacity: 0.5;
}

.nds-form-container .nds-form-element__control-animated-label {
  width: 100%;
}

.nds-input_mask:focus:-ms-input-placeholder {
  /* stylelint-disable declaration-no-important */
  color: inherit !important;
  /* stylelint-enable declaration-no-important */
}

.nds-input_mask:focus::placeholder {
  /* stylelint-disable declaration-no-important */
  color: inherit !important;
  /* stylelint-enable declaration-no-important */
}

textarea[placeholder]:-ms-input-placeholder {
  color: transparent;
  font-weight: 200;
}

textarea[placeholder]::placeholder {
  color: transparent;
  font-weight: 200;
}

textarea:focus:-ms-input-placeholder {
  color: inherit;
}

textarea:focus::placeholder {
  color: inherit;
}

.nds-form-element__control.nds-form-element__control-animated-label .nds-animated-label__ease-out {
  transition: transform 200ms ease-out, font-size 200ms ease-out;
}

.nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly] {
  padding-left: 0;
}

.nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly]:focus {
  box-shadow: none;
}

.nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly]:focus ~ label {
  transform: translate3d(0, -1.2rem, 0);
}

.nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly] ~ label {
  transform: none;
}

.nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly].nds-input.nds-not-empty.nds-is-dirty ~ label {
  transform: translate3d(0, -1.2rem, 0);
}

.nds-form-container .nds-form-element__control-animated-label .nds-form-element__label label {
  display: inline-block;
  max-width: 100%;
}

.nds-form-container .nds-combobox__form-element.nds-form-element__control-animated-label.nds-input-has-icon_right .nds-form-element__label label {
  max-width: calc(100% - 0.6em);
}

.nds-container_fluid.nds-input-has-icon_right .nds-form-element__label label,
.nds-form-container .nds-form-element__control-animated-label.nds-input-has-icon_right .nds-form-element__label label {
  max-width: calc(100% - 3.5rem);
}

.nds-form-container .nds-form-element__control-animated-label.nds-input-has-icon_right .nds-form-element__label label.nds-form_repeatable {
  max-width: calc(100% - 4.7rem);
}

.nds-form-container .nds-form-element__control-animated-label .nds-form-element__label.nds-date-label label {
  max-width: calc(100% - 4.5rem);
}

.nds-form-container .nds-form-element__control-animated-label.nds-input-has-icon_right .nds-form-element__label .nds-lookup-form-element__label {
  max-width: calc(100% - 5rem);
}

/* stylelint-enable selector-class-pattern */
.nds-disclosure .nds-relative-tooltip .nds-form-element__control {
  -ms-flex-order: 0;
      order: 0;
}

.nds-disclosure .nds-has-error .nds-form-element__help.nds-form-element__help_text-transform__none {
  position: absolute;
  left: 16px;
  bottom: -4px;
}

/**
 * @summary Initializes text input
 *
 * @name base
 * @selector .nds-input
 * @restrict input
 * @required
 * @variant
 */
.nds-input {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #7f7f7f;
  border-radius: 0;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  box-shadow: none;
  display: inline-block;
  padding: 0;
  line-height: 1.875rem;
  min-height: calc(1.875rem + 2px);
  /**
   * @selector [readonly]
   * @restrict .nds-input
   */
  /**
   * Removes aesthetic nature from an input
   *
   * @selector .nds-input_bare
   * @restrict .nds-input, input, textarea
   * @modifier
   */
  /**
   * Used to apply an input size to another element thats a non input
   * Because sometimes I need elements the same height as inputs
   *
   * @selector .nds-input_height
   * @restrict .nds-input
   */
  /**
   * @summary Use on input container to hide placeholder when there's no focus in Microsoft Edge
   *
   * @selector :focus::-ms-input-placeholder
   */
  /* stylelint-disable selector-no-vendor-prefix */
  /* stylelint-enable selector-no-vendor-prefix */
}

.nds-input:focus, .nds-input:active {
  outline: 0;
  border-color: #7f7f7f;
  background-color: #fff;
  box-shadow: none;
}

.nds-input[disabled], .nds-input.nds-is-disabled {
  background-color: #fff;
  border-color: #7f7f7f;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-input[disabled]:focus, .nds-input[disabled]:active, .nds-input.nds-is-disabled:focus, .nds-input.nds-is-disabled:active {
  box-shadow: none;
}

.nds-input[readonly] {
  border-color: transparent;
  background-color: transparent;
  font-size: 0.875rem;
  font-weight: 400;
  border-bottom: 1px solid #7f7f7f;
}

.nds-input[type=search]:-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.nds-input_bare, .nds-input--bare {
  background-color: transparent;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #1b1b1b;
  line-height: 1.875rem;
}

.nds-input_bare:focus, .nds-input_bare:active, .nds-input--bare:focus, .nds-input--bare:active {
  outline: 0;
  box-shadow: none;
}

.nds-input_height, .nds-input--height {
  min-height: calc(1.875rem + 2px);
}

.nds-input::-ms-input-placeholder {
  opacity: 0;
}

.nds-input::focus:-ms-input-placeholder {
  opacity: 100;
}

.nds-read-only .nds-input {
  background-color: #fff;
  border-color: #7f7f7f;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-read-only .nds-input:focus, .nds-read-only .nds-input:active {
  box-shadow: none;
}

.nds-read-only .nds-form-element__label {
  color: #706e6b;
  opacity: 0.5;
}

/**
 * @summary Modifier to allow a [readonly] input to have borders
 *
 * @selector .nds-input_borders
 * @restrict .nds-input
 */
.nds-input_borders {
  padding-left: 0.75rem;
  border-color: #7f7f7f;
}

/**
 * @summary Modifier if text input has svg icon adjacent to input
 *
 * @selector .nds-input-has-icon
 * @restrict .nds-form-element div
 */
.nds-input-has-icon {
  position: relative;
  /**
   * Hook for .nds-input-has-icon
   *
   * @selector .nds-input__icon
   * @restrict .nds-input-has-icon svg, .nds-input-has-icon button, .nds-input-has-icon span
   */
  /**
   * Positions .nds-input__icon to the left of the text input
   *
   * @selector .nds-input-has-icon_left
   * @restrict .nds-input-has-icon
   */
  /**
   * Positions .nds-input__icon to the right of the text input
   *
   * @selector .nds-input-has-icon_right
   * @restrict .nds-input-has-icon
   */
  /**
   * Positions .nds-input__icon_left to the left of the text input and .nds-input__icon_right to the right of the text input
   *
   * @selector .nds-input-has-icon_left-right
   * @restrict .nds-input-has-icon
   */
}

.nds-input-has-icon .nds-input__icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  line-height: 1;
  /* @Todo - we need to be sure this is deprecated since the color sems to be the correct gray I see in specs */
  fill: #b0adab;
}

.nds-input-has-icon_left .nds-input,
.nds-input-has-icon_left .nds-input_bare,
.nds-input-has-icon_left .nds-input--bare, .nds-input-has-icon--left .nds-input,
.nds-input-has-icon--left .nds-input_bare,
.nds-input-has-icon--left .nds-input--bare {
  padding-left: 1.5rem;
}

.nds-input-has-icon_right .nds-input__icon, .nds-input-has-icon--right .nds-input__icon {
  right: 0;
}

.nds-input-has-icon_right .nds-input,
.nds-input-has-icon_right .nds-input_bare,
.nds-input-has-icon_right .nds-input--bare, .nds-input-has-icon--right .nds-input,
.nds-input-has-icon--right .nds-input_bare,
.nds-input-has-icon--right .nds-input--bare {
  padding-right: 1.5rem;
}

.nds-input-has-icon_left-right, .nds-input-has-icon--left-right {
  /**
   * Hook for .nds-input-has-icon--left-right
   *
   * @selector .nds-input__icon_left
   * @restrict .nds-input__icon
   */
  /**
   * Hook for .nds-input-has-icon_left-right
   *
   * @selector .nds-input__icon_right
   * @restrict .nds-input__icon
   */
}

.nds-input-has-icon_left-right .nds-input__icon_left,
.nds-input-has-icon_left-right .nds-input__icon--left, .nds-input-has-icon--left-right .nds-input__icon_left,
.nds-input-has-icon--left-right .nds-input__icon--left {
  left: 0;
}

.nds-input-has-icon_left-right .nds-input__icon_right,
.nds-input-has-icon_left-right .nds-input__icon--right, .nds-input-has-icon--left-right .nds-input__icon_right,
.nds-input-has-icon--left-right .nds-input__icon--right {
  right: 0;
}

.nds-input-has-icon_left-right .nds-input,
.nds-input-has-icon_left-right .nds-input_bare,
.nds-input-has-icon_left-right .nds-input--bare, .nds-input-has-icon--left-right .nds-input,
.nds-input-has-icon--left-right .nds-input_bare,
.nds-input-has-icon--left-right .nds-input--bare {
  padding: 0 1.5rem;
}

/**
 * Positions two items (icons and/or spinners) on one side or the other of the input
 *
 * @selector .nds-input__icon-group
 * @restrict .nds-input-has-icon div
 */
.nds-input__icon-group {
  position: absolute;
  height: 1rem;
  margin-top: -0.5rem;
}

/**
 * Positions the close icon and spinner on the right side of the input while searching
 *
 * @selector .nds-input__icon-group_right
 * @restrict .nds-input__icon-group
 */
.nds-input__icon-group_right {
  right: 0;
  top: 50%;
}

.nds-input__icon-group_right .nds-input__icon_right,
.nds-input__icon-group_right .nds-input__icon--right {
  right: 0.5rem;
}

.nds-input__icon-group_right .nds-input__spinner {
  right: 1.5rem;
  left: auto;
}

/**
 * @summary Use on input container to let it know there is fixed text to the left or right of the input
 *
 * @selector .nds-input-has-fixed-addon
 * @restrict .nds-form-element .nds-form-element__control
 */
.nds-input-has-fixed-addon {
  display: -ms-flexbox;
  display: flex;
}

/**
 * Fixed text that sits to the left or right of an input
 *
 * @selector .nds-form-element__addon
 * @restrict .nds-form-element span
 */
.nds-form-element__addon {
  display: inline-block;
  margin: 0 0.5rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/**
 * Read-only components are used to display immutable data within a form
 *
 * @summary Initializes read-only form element
 *
 * @selector .nds-form-element__static
 * @restrict .nds-form-element span, .nds-form-element div
 */
.nds-form-element__static {
  display: inline-block;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  min-height: calc(1.875rem + 2px);
  font-size: 0.875rem;
  font-weight: 400;
  color: #2b2826;
  /**
   * Inline Edit on static form element
   *
   * @selector .nds-form-element__static_edit
   * @restrict .nds-form-element__static
   */
}

.nds-form-element__static.nds-text-longform {
  line-height: 1.5;
}

.nds-form-element__static--edit {
  width: calc(100% - 1.5rem);
}

.nds-has-error .nds-input {
  background-color: #fff;
  border-color: #e71313;
  background-clip: padding-box;
  box-shadow: none;
}

.nds-has-error .nds-input__icon {
  fill: #e71313;
  color: #e71313;
}

.nds-input-has-icon span.nds-form-element__addon {
  margin-left: 0;
}

@media all and (max-width: 480px) {
  .nds-form--multi-input__container .nds-form-element__control-animated-label.nds-size_2-of-3 {
    width: 50%;
    max-width: 50%;
  }
}
input[type=text].nds-input_mask.nds-input,
input[type=tel].nds-input_mask.nds-input {
  color: transparent;
}

input[type=text].nds-input_mask.nds-input:focus,
input[type=tel].nds-input_mask.nds-input:focus {
  color: inherit;
  /* stylelint-disable declaration-property-value-blacklist */
  transition: all 0.3s ease-out;
  /* stylelint-enable declaration-property-value-blacklist */
}

input[type=text].nds-input_mask.nds-input.nds-not-empty,
input[type=tel].nds-input_mask.nds-input.nds-not-empty {
  color: inherit;
}

.nds-form-container.nds-relative-tooltip {
  display: -ms-flexbox;
  display: flex;
}

.nds-form-container.nds-relative-tooltip .nds-tooltip_container {
  -ms-flex-order: 2;
      order: 2;
}

.nds-form-element__control .nds-pill {
  display: block;
}

.nds-file-selector-container {
  height: 35px;
  border-radius: 3px;
  border: 1px solid #d8dde6;
}

.nds-file-selector__files li {
  border-bottom: none;
  border-radius: 0;
  margin: 0;
}

.nds-file-selector__files li .nds-file-selector__remove-file-icon {
  float: right;
}

.nds-file-selector__files li:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.nds-file-selector__files li:last-of-type {
  border-bottom: 1px solid #dddbda;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.nds-file-selector_input {
  opacity: 0;
  position: absolute;
}

.nds-file-selector_label {
  position: absolute;
  pointer-events: none;
  top: 0.5rem;
  left: 0.75rem;
  font-weight: 700;
  color: inherit;
  font-size: 14px;
}

.nds-file-selector_icon {
  pointer-events: none;
  position: absolute;
  right: 11px;
  top: 0.5rem;
}

.nds-file-selector__body {
  cursor: pointer;
}

.nds-file-selector__remove-file-icon {
  cursor: pointer;
}

.nds-input__clickable-icon-right {
  right: 0.75em;
  position: absolute;
  top: 25%;
  cursor: pointer;
}

.nds-input__input-clickable-icon-right {
  padding-right: 2em;
}

.nds-input__clickable-icon-left {
  left: 0.75em;
  position: absolute;
  top: 25%;
  cursor: pointer;
}

.nds-input__input-clickable-icon-left {
  padding-left: 2em;
}

/**
 * @summary Initialize textarea
 *
 * @name base
 * @selector .nds-textarea
 * @restrict textarea
 * @required
 * @variant
 */
.nds-textarea {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #7f7f7f;
  border-radius: 0;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  resize: vertical;
  border: 0;
  border-bottom: 1px solid #7f7f7f;
  padding: 0.5rem 0;
  border-radius: 0;
}

.nds-textarea:focus, .nds-textarea:active {
  outline: 0;
  border-color: #7f7f7f;
  background-color: #fff;
  box-shadow: none;
}

.nds-textarea[disabled], .nds-textarea.nds-is-disabled {
  background-color: #fff;
  border-color: #7f7f7f;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-textarea[disabled]:focus, .nds-textarea[disabled]:active, .nds-textarea.nds-is-disabled:focus, .nds-textarea.nds-is-disabled:active {
  box-shadow: none;
}

.nds-textarea:active, .nds-textarea:focus {
  box-shadow: none;
}

.nds-has-error .nds-textarea {
  background-color: #fff;
  border-color: #e71313;
  background-clip: padding-box;
  box-shadow: none;
}

.nds-has-error .nds-textarea, .nds-has-error .nds-textarea:active, .nds-has-error .nds-textarea:focus {
  box-shadow: none;
}

/**
 * @summary Custom animation with label on textarea focus
 *
 * @name animate
 * @selector .nds-form-element__control-animated-label
 * @restrict .nds-textarea
 * @variant
 */
.nds-textarea {
  padding-top: 0;
  margin-top: 0.25rem;
  letter-spacing: 1px;
  font-size: 0.875rem;
  font-weight: 400;
}

/**
 * @summary Initializes radio button
 *
 * @name base
 * @selector .nds-radio
 * @restrict span
 * @variant
 */
.nds-radio {
  display: inline-block;
  margin: 12px 14px 36px 12px;
  padding: 8px 8px 8px 12px;
  border-radius: 4px;
  border: solid 1px #7f7f7f;
  /**
   * Creates a custom styled radio button
   *
   * @selector .nds-radio_faux
   * @restrict [class*='nds-radio'] span
   */
}

.nds-radio .nds-radio_faux,
.nds-radio .nds-radio--faux {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 2px solid #7f7f7f;
  border-radius: 50%;
  background: #fff;
  transition: border 0.1s linear, background-color 0.1s linear;
}

.nds-radio .nds-form-element__label {
  display: inline;
  vertical-align: middle;
  font-weight: bold;
  color: #6b6b6b;
}

.nds-radio [type=radio] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-radio [type=radio]:checked + .nds-radio_faux, .nds-radio [type=radio]:checked + .nds-radio_faux .nds-radio, .nds-radio [type=radio]:checked + .nds-radio--faux, .nds-radio [type=radio]:checked ~ .nds-radio_faux, .nds-radio [type=radio]:checked ~ .nds-radio--faux, .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux, .nds-radio [type=radio]:checked + .nds-form-element__label .nds-radio_faux, .nds-radio [type=radio]:checked + .nds-form-element__label .nds-radio, .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio--faux {
  background: #fff;
  border-color: #2062d4;
  color: #2062d4;
}

.nds-radio [type=radio]:checked + .nds-radio_faux:after, .nds-radio [type=radio]:checked + .nds-radio_faux .nds-radio:after, .nds-radio [type=radio]:checked + .nds-radio--faux:after, .nds-radio [type=radio]:checked ~ .nds-radio_faux:after, .nds-radio [type=radio]:checked ~ .nds-radio--faux:after, .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux:after, .nds-radio [type=radio]:checked + .nds-form-element__label .nds-radio_faux:after, .nds-radio [type=radio]:checked + .nds-form-element__label .nds-radio:after, .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio--faux:after {
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background: #2062d4;
  color: #2062d4;
}

.nds-radio [type=radio]:focus + .nds-radio_faux, .nds-radio [type=radio]:focus + .nds-radio--faux, .nds-radio [type=radio]:focus ~ .nds-radio_faux, .nds-radio [type=radio]:focus ~ .nds-radio--faux, .nds-radio [type=radio]:focus + .nds-radio__label .nds-radio_faux, .nds-radio [type=radio]:focus + .nds-radio__label .nds-radio--faux {
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-radio [type=radio][disabled] {
  cursor: not-allowed;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-radio [type=radio][disabled] ~ .nds-radio_faux,
.nds-radio [type=radio][disabled] ~ .nds-radio--faux,
.nds-radio [type=radio][disabled] + .nds-radio__label .nds-radio_faux,
.nds-radio [type=radio][disabled] + .nds-radio__label .nds-radio--faux {
  background-color: #ecebea;
  border-color: #7f7f7f;
}

.nds-form-element__control .nds-checkbox,
.nds-form-element__control .nds-radio {
  display: inline-block;
}

.nds-read-only [type=radio] ~ .nds-radio_faux,
.nds-read-only [type=radio] ~ .nds-radio--faux,
.nds-read-only [type=radio] + .nds-radio__label .nds-radio_faux,
.nds-read-only [type=radio] + .nds-radio__label .nds-radio--faux,
.nds-read-only [type=radio]:checked ~ .nds-radio_faux,
.nds-read-only [type=radio]:checked ~ .nds-radio--faux,
.nds-read-only [type=radio]:checked + .nds-radio__label .nds-radio_faux,
.nds-read-only [type=radio]:checked + .nds-radio__label .nds-radio--faux {
  background-color: #ecebea;
  border-color: #7f7f7f;
}

.nds-has-error .nds-radio [type=radio] + .nds-radio_faux,
.nds-has-error .nds-radio [type=radio] + .nds-radio--faux,
.nds-has-error .nds-radio [type=radio] ~ .nds-radio_faux,
.nds-has-error .nds-radio [type=radio] ~ .nds-radio--faux,
.nds-has-error .nds-radio [type=radio] + .nds-radio__label .nds-radio_faux,
.nds-has-error .nds-radio [type=radio] + .nds-radio__label .nds-radio--faux {
  border-color: #e71313;
  border-width: 2px;
}

.nds-has-error .nds-radio [type=radio]:checked + .nds-radio_faux, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio--faux, .nds-has-error .nds-radio [type=radio]:checked ~ .nds-radio_faux, .nds-has-error .nds-radio [type=radio]:checked ~ .nds-radio--faux, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio--faux {
  background: #fff;
}

.nds-has-error .nds-radio [type=radio]:checked + .nds-radio_faux:after, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio--faux:after, .nds-has-error .nds-radio [type=radio]:checked ~ .nds-radio_faux:after, .nds-has-error .nds-radio [type=radio]:checked ~ .nds-radio--faux:after, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux:after, .nds-has-error .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio--faux:after {
  background: #d4504c;
}

.nds-form-element .nds-radio [type=radio] + .nds-radio_faux,
.nds-form-element .nds-radio [type=radio] + .nds-radio--faux,
.nds-form-element .nds-radio [type=radio] ~ .nds-radio_faux,
.nds-form-element .nds-radio [type=radio] ~ .nds-radio--faux,
.nds-radio [type=radio] + .nds-radio__label .nds-radio_faux,
.nds-radio [type=radio] + .nds-radio__label .nds-radio--faux {
  margin-right: 0.25rem;
}

/**
* @summary Vlocity Newport branded radio selector with image
*
* @name newport
* @selector .nds-radio_custom-group
* @restrict .nds-radio
* @variant
*/
.nds-radio_custom-group {
  position: relative;
}

.nds-radio_custom-group {
  border: 0;
}

.nds-cont-width {
  width: 10rem;
}

.nds-radio_button-group,
.nds-radio--button-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nds-radio_custom-group {
  /**
  * @selector .nds-radio_button
  * @restrict .nds-radio_button-group span
  */
  /**
  * Label element inside of a radio button
  *
  * @selector .nds-radio_button__label
  * @restrict .nds-radio_button label
  */
}

.nds-radio_custom-group .nds-radio_button,
.nds-radio_custom-group .nds-radio--button {
  display: -ms-flexbox;
  display: flex;
  border: 0;
  background-clip: padding-box;
  margin-right: 1.25rem;
  margin-bottom: 2.5rem;
  border-radius: 0.25rem;
  /**
  * Create styled button when adjacent to the input[radio] element
  *
  * @selector .nds-radio_faux
  * @restrict .nds-radio_button span
  */
}

.nds-radio_custom-group .nds-radio_button .nds-radio_faux,
.nds-radio_custom-group .nds-radio_button .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button .nds-radio--faux {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
}

.nds-radio_custom-group .nds-radio_button + .nds-radio_button,
.nds-radio_custom-group .nds-radio_button + .nds-radio--button,
.nds-radio_custom-group .nds-radio--button + .nds-radio_button,
.nds-radio_custom-group .nds-radio--button + .nds-radio--button {
  margin: 0;
  margin-right: 1.25rem;
  margin-bottom: 2.5rem;
  border-left: 0;
}

.nds-radio_custom-group .nds-radio_button + .nds-radio_button .nds-radio_button__label,
.nds-radio_custom-group .nds-radio_button + .nds-radio--button .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button + .nds-radio_button .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button + .nds-radio--button .nds-radio_button__label {
  width: 100%;
  border: 1px solid #003da5;
}

.nds-radio_custom-group .nds-radio_button:first-child > .nds-radio_faux, .nds-radio_custom-group .nds-radio_button:first-child > .nds-radio--faux, .nds-radio_custom-group .nds-radio_button:first-child > .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button:first-child > .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button:first-child > .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button:first-child > .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button:first-child > .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button:first-child > .nds-radio--button__label {
  border: 1px solid #003da5;
  width: 100%;
  border-radius: 0.25rem;
}

.nds-radio_custom-group .nds-radio_button:last-child > .nds-radio_faux, .nds-radio_custom-group .nds-radio_button:last-child > .nds-radio--faux,
.nds-radio_custom-group .nds-radio_button .nds-button_last > .nds-radio_faux,
.nds-radio_custom-group .nds-radio_button .nds-button--last > .nds-radio--faux, .nds-radio_custom-group .nds-radio_button:last-child > .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button:last-child > .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button:last-child > .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button:last-child > .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button .nds-button_last > .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button .nds-button--last > .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button:last-child > .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button:last-child > .nds-radio--button__label {
  border-radius: 0.25rem;
  width: 100%;
}

.nds-radio_custom-group .nds-radio_button [type=radio],
.nds-radio_custom-group .nds-radio--button [type=radio] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--button__label {
  background-color: transparent;
  color: #fff;
  width: 100%;
  border: 2px solid #003da5;
}

.nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked ~ .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio_button__label:focus, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio]:checked + .nds-radio--button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked ~ .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio_button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio]:checked + .nds-radio--button__label:focus {
  background-color: transparent;
}

.nds-radio_custom-group .nds-radio_button [type=radio]:focus + .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:focus + .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:focus ~ .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:focus ~ .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:focus + .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button [type=radio]:focus + .nds-radio--button__label, .nds-radio_custom-group .nds-radio_button [type=radio]:active + .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:active + .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:active ~ .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio]:active ~ .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio]:active + .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button [type=radio]:active + .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus + .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus + .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus ~ .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus ~ .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus + .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:focus + .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:active + .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:active + .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:active ~ .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:active ~ .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio]:active + .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button [type=radio]:active + .nds-radio--button__label {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  z-index: 1;
}

.nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_button__label, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--button__label,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio_faux,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio--faux,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--button__label {
  background-color: transparent;
  color: #dddbda;
}

.nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio_button__label:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled] + .nds-radio--button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] ~ .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio_button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled] + .nds-radio--button__label:focus {
  cursor: default;
}

.nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio_faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio_faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio--faux:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio--faux:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio_button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio_button__label:focus, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio--button__label:hover, .nds-radio_custom-group .nds-radio_button [type=radio][disabled]:checked + .nds-radio--button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked ~ .nds-radio_faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked ~ .nds-radio_faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked ~ .nds-radio--faux:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked ~ .nds-radio--faux:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio_button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio_button__label:focus,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio--button__label:hover,
.nds-radio_custom-group .nds-radio--button [type=radio][disabled]:checked + .nds-radio--button__label:focus {
  background-color: transparent;
  color: #dddbda;
}

.nds-radio_custom-group .nds-radio_custom-faux {
  position: absolute;
  bottom: -1.8rem;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  color: #1564bf;
  font-size: 0.875rem;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-radio_custom-group .nds-radio_button__label img {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.nds-radio_custom-group .nds-radio_button__label div.nds-title,
.nds-radio_custom-group .nds-radio_button__label span.nds-title {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 97%;
  white-space: initial;
  line-height: 1em;
  max-height: 4em;
  display: -ms-flexbox;
  display: flex;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  padding: 0;
}

.nds-radio_custom-group .nds-radio_button__label,
.nds-radio_custom-group .nds-radio--button__label {
  background-color: transparent;
  border-radius: 0.25rem;
  padding: 0;
  width: 100%;
}

.nds-radio_custom-group .nds-radio_button__label:hover, .nds-radio_custom-group .nds-radio_button__label:focus,
.nds-radio_custom-group .nds-radio--button__label:hover,
.nds-radio_custom-group .nds-radio--button__label:focus {
  cursor: pointer;
}

fieldset.nds-form-element + .nds-has-error div div.nds-has-error small:first-child {
  margin-top: 0;
}

.nds-radio_custom-group .nds-button.nds-radio_button.nds-radio_aspect-ratio {
  position: relative;
}

.nds-radio_custom-group .nds-button.nds-radio_button.nds-radio_aspect-ratio span.nds-radio_button__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.nds-form-element__control.nds-radio_horizontal {
  position: relative;
  height: 2.0625rem;
}

.nds-form-element__control.nds-radio_horizontal .nds-radio_button-group {
  position: absolute;
}

.nds-form-element__control.nds-radio_horizontal .nds-radio_button-group .nds-button.nds-radio_button .nds-radio_button__label {
  background-color: inherit;
  width: 100%;
}

.nds-radio_vertical .nds-radio .nds-form-element__label {
  color: #1b1b1b;
}

.nds-form-element__control.nds-vertical_radio {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.nds-form-element__control.nds-vertical_radio .nds-radio,
.nds-form-element__control.nds-horizontal_radio .nds-radio {
  margin: 0 1rem 0.5rem 0;
}

.nds-horizontal_radio label div.nds-radio__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 11rem;
}

.nds-vertical_radio label div.nds-radio__label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nds-radio_custom-group.nds-static-wrapper input[type=radio]:checked + .nds-img_select-container {
  border: 2px solid #7f7f7f;
}

.nds-radio_custom-group.nds-img-wrapper_cont label.nds-img_no-width-height {
  cursor: pointer;
}

.nds-radio_custom-group.nds-img-wrapper_cont input[type=radio]:checked + label.nds-img_no-width-height {
  border: 2px solid #7f7f7f;
}

.nds-radio_custom-group.nds-img-wrapper_cont input[type=radio]:focus + label.nds-img_no-width-height, .nds-radio_custom-group.nds-img-wrapper_cont input[type=radio]:active + label.nds-img_no-width-height {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  z-index: 1;
}

.nds-img_select-container {
  position: relative;
  display: inline-block;
  margin: 0.125rem 1rem 0.5rem 0;
}

.nds-radio_custom-group.nds-static-wrapper .nds-img_select-container .nds-img-item_select-container.nds-img_option-width-height {
  width: 100%;
  height: 100%;
}

.nds-img-wrapper_cont {
  position: relative;
}

.nds-radio_custom-group.nds-static-wrapper .nds-radio__label.nds-img_select-container {
  border: 2px solid #d8dde6;
}

.nds-img-item {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nds-img-item-caption {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nds-radio_custom-group .nds-img-item_select-container {
  cursor: pointer;
}

.nds-radio_custom-group.nds-img-wrapper_cont .nds-img_no-width-height .nds-img-item_select-container {
  width: 100%;
  height: 100%;
}

.nds-radio_custom-group .nds-img_option-width-height {
  display: inline-block;
  height: inherit;
  width: inherit;
  border-radius: 0.25rem;
  position: relative;
}

.nds-radio_custom_container .nds-img_no-width-height {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 1.875rem;
  border: 2px solid #d8dde6;
  margin-right: 1.25rem;
}

.nds-radio_custom_container .nds-img_no-width-height.nds-custom_m-bottom-small {
  margin-bottom: 0.25rem;
}

.nds-caption-out_cont {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  width: inherit;
}

/**
 * @summary Initializes radio button
 *
 * @name base
 * @selector .nds-radio_button-group
 * @restrict div
 * @required
 * @variant
 */
.nds-radio_button-group,
.nds-radio--button-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  width: 100%;
}

/**
 * @selector .nds-radio_button
 * @restrict .nds-radio_button-group span
 */
.nds-radio_button,
.nds-radio--button {
  display: -ms-flexbox;
  display: flex;
  border: 0;
  border-radius: 0;
  background-clip: padding-box;
  -ms-flex: 1;
      flex: 1;
  /**
   * Create styled button when adjacent to the input[radio] element
   *
   * @selector .nds-radio_faux
   * @restrict .nds-radio_button span
   */
}

.nds-radio_button .nds-radio_faux,
.nds-radio_button .nds-radio--faux,
.nds-radio--button .nds-radio_faux,
.nds-radio--button .nds-radio--faux {
  width: 100%;
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  color: #54698d;
  font-size: 0.85rem;
  font-weight: 300;
  /* added ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-radio_button + .nds-radio_button,
.nds-radio_button + .nds-radio--button,
.nds-radio--button + .nds-radio_button,
.nds-radio--button + .nds-radio--button {
  border-left: 1px solid #dddbda;
  margin: 0;
}

.nds-radio_button:first-child > .nds-radio_faux, .nds-radio_button:first-child > .nds-radio--faux, .nds-radio_button:first-child > .nds-radio_button__label, .nds-radio_button:first-child > .nds-radio--button__label, .nds-radio_button:first-child > .nds-radio_button__label .nds-radio-overlay,
.nds-radio--button:first-child > .nds-radio_faux,
.nds-radio--button:first-child > .nds-radio--faux,
.nds-radio--button:first-child > .nds-radio_button__label,
.nds-radio--button:first-child > .nds-radio--button__label,
.nds-radio--button:first-child > .nds-radio_button__label .nds-radio-overlay {
  border-radius: 0.25rem 0 0 0.25rem;
}

.nds-radio_button:last-child > .nds-radio_faux, .nds-radio_button:last-child > .nds-radio--faux,
.nds-radio_button .nds-button_last > .nds-radio_faux,
.nds-radio_button .nds-button--last > .nds-radio--faux, .nds-radio_button:last-child > .nds-radio_button__label, .nds-radio_button:last-child > .nds-radio--button__label, .nds-radio_button:last-child > .nds-radio_button__label .nds-radio-overlay,
.nds-radio--button:last-child > .nds-radio_faux,
.nds-radio--button:last-child > .nds-radio--faux,
.nds-radio--button .nds-button_last > .nds-radio_faux,
.nds-radio--button .nds-button--last > .nds-radio--faux,
.nds-radio--button:last-child > .nds-radio_button__label,
.nds-radio--button:last-child > .nds-radio--button__label,
.nds-radio--button:last-child > .nds-radio_button__label .nds-radio-overlay {
  border-radius: 0 0.25rem 0.25rem 0;
}

.nds-radio_button [type=radio],
.nds-radio--button [type=radio] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-radio_button [type=radio]:checked + .nds-radio_faux, .nds-radio_button [type=radio]:checked + .nds-radio--faux, .nds-radio_button [type=radio]:checked ~ .nds-radio_faux, .nds-radio_button [type=radio]:checked ~ .nds-radio--faux, .nds-radio_button [type=radio]:checked + .nds-radio_button__label, .nds-radio_button [type=radio]:checked + .nds-radio--button__label,
.nds-radio--button [type=radio]:checked + .nds-radio_faux,
.nds-radio--button [type=radio]:checked + .nds-radio--faux,
.nds-radio--button [type=radio]:checked ~ .nds-radio_faux,
.nds-radio--button [type=radio]:checked ~ .nds-radio--faux,
.nds-radio--button [type=radio]:checked + .nds-radio_button__label,
.nds-radio--button [type=radio]:checked + .nds-radio--button__label {
  background-color: white;
  color: #54698d;
}

.nds-radio_button [type=radio]:checked + .nds-radio_faux:hover, .nds-radio_button [type=radio]:checked + .nds-radio_faux:focus, .nds-radio_button [type=radio]:checked + .nds-radio--faux:hover, .nds-radio_button [type=radio]:checked + .nds-radio--faux:focus, .nds-radio_button [type=radio]:checked ~ .nds-radio_faux:hover, .nds-radio_button [type=radio]:checked ~ .nds-radio_faux:focus, .nds-radio_button [type=radio]:checked ~ .nds-radio--faux:hover, .nds-radio_button [type=radio]:checked ~ .nds-radio--faux:focus, .nds-radio_button [type=radio]:checked + .nds-radio_button__label:hover, .nds-radio_button [type=radio]:checked + .nds-radio_button__label:focus, .nds-radio_button [type=radio]:checked + .nds-radio--button__label:hover, .nds-radio_button [type=radio]:checked + .nds-radio--button__label:focus,
.nds-radio--button [type=radio]:checked + .nds-radio_faux:hover,
.nds-radio--button [type=radio]:checked + .nds-radio_faux:focus,
.nds-radio--button [type=radio]:checked + .nds-radio--faux:hover,
.nds-radio--button [type=radio]:checked + .nds-radio--faux:focus,
.nds-radio--button [type=radio]:checked ~ .nds-radio_faux:hover,
.nds-radio--button [type=radio]:checked ~ .nds-radio_faux:focus,
.nds-radio--button [type=radio]:checked ~ .nds-radio--faux:hover,
.nds-radio--button [type=radio]:checked ~ .nds-radio--faux:focus,
.nds-radio--button [type=radio]:checked + .nds-radio_button__label:hover,
.nds-radio--button [type=radio]:checked + .nds-radio_button__label:focus,
.nds-radio--button [type=radio]:checked + .nds-radio--button__label:hover,
.nds-radio--button [type=radio]:checked + .nds-radio--button__label:focus {
  background-color: transparent;
}

.nds-radio_button [type=radio]:checked + .nds-radio_button__label .nds-radio-overlay,
.nds-radio--button [type=radio]:checked + .nds-radio_button__label .nds-radio-overlay {
  position: absolute;
  border: 2px solid #7f7f7f;
  top: -0.125rem;
  right: -0.125rem;
  left: -0.125rem;
  bottom: -0.125rem;
  display: block;
  z-index: 2;
  border-radius: 0.25rem;
}

.nds-radio_button [type=radio]:focus + .nds-radio_faux, .nds-radio_button [type=radio]:focus + .nds-radio--faux, .nds-radio_button [type=radio]:focus ~ .nds-radio_faux, .nds-radio_button [type=radio]:focus ~ .nds-radio--faux, .nds-radio_button [type=radio]:focus + .nds-radio_button__label, .nds-radio_button [type=radio]:focus + .nds-radio--button__label,
.nds-radio--button [type=radio]:focus + .nds-radio_faux,
.nds-radio--button [type=radio]:focus + .nds-radio--faux,
.nds-radio--button [type=radio]:focus ~ .nds-radio_faux,
.nds-radio--button [type=radio]:focus ~ .nds-radio--faux,
.nds-radio--button [type=radio]:focus + .nds-radio_button__label,
.nds-radio--button [type=radio]:focus + .nds-radio--button__label {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  z-index: 1;
}

.nds-radio_button [type=radio][disabled] + .nds-radio_faux, .nds-radio_button [type=radio][disabled] + .nds-radio--faux, .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux, .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux, .nds-radio_button [type=radio][disabled] + .nds-radio_button__label, .nds-radio_button [type=radio][disabled] + .nds-radio--button__label,
.nds-radio--button [type=radio][disabled] + .nds-radio_faux,
.nds-radio--button [type=radio][disabled] + .nds-radio--faux,
.nds-radio--button [type=radio][disabled] ~ .nds-radio_faux,
.nds-radio--button [type=radio][disabled] ~ .nds-radio--faux,
.nds-radio--button [type=radio][disabled] + .nds-radio_button__label,
.nds-radio--button [type=radio][disabled] + .nds-radio--button__label {
  background-color: white;
  color: #dddbda;
}

.nds-radio_button [type=radio][disabled] + .nds-radio_faux:hover, .nds-radio_button [type=radio][disabled] + .nds-radio_faux:focus, .nds-radio_button [type=radio][disabled] + .nds-radio--faux:hover, .nds-radio_button [type=radio][disabled] + .nds-radio--faux:focus, .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux:hover, .nds-radio_button [type=radio][disabled] ~ .nds-radio_faux:focus, .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux:hover, .nds-radio_button [type=radio][disabled] ~ .nds-radio--faux:focus, .nds-radio_button [type=radio][disabled] + .nds-radio_button__label:hover, .nds-radio_button [type=radio][disabled] + .nds-radio_button__label:focus, .nds-radio_button [type=radio][disabled] + .nds-radio--button__label:hover, .nds-radio_button [type=radio][disabled] + .nds-radio--button__label:focus,
.nds-radio--button [type=radio][disabled] + .nds-radio_faux:hover,
.nds-radio--button [type=radio][disabled] + .nds-radio_faux:focus,
.nds-radio--button [type=radio][disabled] + .nds-radio--faux:hover,
.nds-radio--button [type=radio][disabled] + .nds-radio--faux:focus,
.nds-radio--button [type=radio][disabled] ~ .nds-radio_faux:hover,
.nds-radio--button [type=radio][disabled] ~ .nds-radio_faux:focus,
.nds-radio--button [type=radio][disabled] ~ .nds-radio--faux:hover,
.nds-radio--button [type=radio][disabled] ~ .nds-radio--faux:focus,
.nds-radio--button [type=radio][disabled] + .nds-radio_button__label:hover,
.nds-radio--button [type=radio][disabled] + .nds-radio_button__label:focus,
.nds-radio--button [type=radio][disabled] + .nds-radio--button__label:hover,
.nds-radio--button [type=radio][disabled] + .nds-radio--button__label:focus {
  cursor: default;
}

.nds-radio_button [type=radio][disabled]:checked + .nds-radio_faux:hover, .nds-radio_button [type=radio][disabled]:checked + .nds-radio_faux:focus, .nds-radio_button [type=radio][disabled]:checked + .nds-radio--faux:hover, .nds-radio_button [type=radio][disabled]:checked + .nds-radio--faux:focus, .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio_faux:hover, .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio_faux:focus, .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio--faux:hover, .nds-radio_button [type=radio][disabled]:checked ~ .nds-radio--faux:focus, .nds-radio_button [type=radio][disabled]:checked + .nds-radio_button__label:hover, .nds-radio_button [type=radio][disabled]:checked + .nds-radio_button__label:focus, .nds-radio_button [type=radio][disabled]:checked + .nds-radio--button__label:hover, .nds-radio_button [type=radio][disabled]:checked + .nds-radio--button__label:focus,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio_faux:hover,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio_faux:focus,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio--faux:hover,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio--faux:focus,
.nds-radio--button [type=radio][disabled]:checked ~ .nds-radio_faux:hover,
.nds-radio--button [type=radio][disabled]:checked ~ .nds-radio_faux:focus,
.nds-radio--button [type=radio][disabled]:checked ~ .nds-radio--faux:hover,
.nds-radio--button [type=radio][disabled]:checked ~ .nds-radio--faux:focus,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio_button__label:hover,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio_button__label:focus,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio--button__label:hover,
.nds-radio--button [type=radio][disabled]:checked + .nds-radio--button__label:focus {
  background-color: white;
  color: #dddbda;
}

/**
 * Label element inside of a radio button
 *
 * @selector .nds-radio_button__label
 * @restrict .nds-radio_button label
 */
.nds-radio_button__label,
.nds-radio--button__label {
  background-color: white;
  width: 100%;
}

.nds-radio_button__label:hover, .nds-radio_button__label:focus,
.nds-radio--button__label:hover,
.nds-radio--button__label:focus {
  cursor: pointer;
}

.nds-radio_button__label .nds-radio-overlay,
.nds-radio--button__label .nds-radio-overlay {
  display: none;
}

.nds-form-element__legend {
  margin-bottom: 0.25rem;
}

.nds-form-element__legend > span {
  font-size: 0.875rem;
  font-weight: 700;
  padding-bottom: 0.3125rem;
}

/**
 * @summary Initializes checkbox
 *
 * @name base
 * @selector .nds-checkbox
 * @restrict span, label
 * @required
 * @variant
 */
.nds-checkbox {
  display: inline-block;
  padding-top: 0.25rem;
  /**
   * Creates a custom styled checkbox
   *
   * @selector .nds-checkbox_faux
   * @restrict [class*='nds-checkbox'] span, [class*='nds-checkbox'] label
   * @required
   */
}

.nds-checkbox .nds-checkbox_faux,
.nds-checkbox .nds-checkbox--faux {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 1px solid #7f7f7f;
  border-radius: 0.125rem;
  background: #fff;
  transition: border 0.1s linear, background-color 0.1s linear;
}

.nds-checkbox .nds-form-element__label {
  display: inline;
  vertical-align: middle;
  font-size: 0.875rem;
}

.nds-checkbox [type=checkbox] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-checkbox [type=checkbox]:checked + .nds-checkbox_faux, .nds-checkbox [type=checkbox]:checked + .nds-checkbox--faux, .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux, .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox--faux, .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox_faux, .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox--faux {
  background: #2062d4;
  border: 0;
  outline: unset;
}

.nds-checkbox [type=checkbox]:checked + .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:checked + .nds-checkbox--faux:after, .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox--faux:after, .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox--faux:after {
  display: block;
  content: "";
  height: 0.25rem;
  width: 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}

.nds-checkbox [type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox [type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox [type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox [type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox [type=checkbox]:focus + .nds-checkbox__label .nds-checkbox_faux,
.nds-checkbox [type=checkbox]:focus + .nds-checkbox__label .nds-checkbox--faux {
  content: "";
  border-color: #7f7f7f;
  box-shadow: 0 0 3px 2px #003da5;
}

.nds-checkbox [type=checkbox]:focus:checked > .nds-checkbox_faux, .nds-checkbox [type=checkbox]:focus:checked > .nds-checkbox--faux, .nds-checkbox [type=checkbox]:focus:checked ~ .nds-checkbox_faux, .nds-checkbox [type=checkbox]:focus:checked ~ .nds-checkbox--faux, .nds-checkbox [type=checkbox]:focus:checked + .nds-checkbox__label .nds-checkbox_faux, .nds-checkbox [type=checkbox]:focus:checked + .nds-checkbox__label .nds-checkbox--faux {
  content: "";
  border-color: #7f7f7f;
  background-color: #2062d4;
}

.nds-checkbox [type=checkbox]:indeterminate + .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:indeterminate + .nds-checkbox--faux:after, .nds-checkbox [type=checkbox]:indeterminate ~ .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:indeterminate ~ .nds-checkbox--faux:after, .nds-checkbox [type=checkbox]:indeterminate + .nds-checkbox__label .nds-checkbox_faux:after, .nds-checkbox [type=checkbox]:indeterminate + .nds-checkbox__label .nds-checkbox--faux:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 2px;
  background: #2062d4;
  border: 0;
  transform: translate3d(-50%, -50%, 0);
}

.nds-checkbox [type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox [type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox [type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox__label .nds-checkbox_faux,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox__label .nds-checkbox--faux {
  background-color: #ecebea;
  border-color: #7f7f7f;
}

.nds-checkbox [type=checkbox][disabled] + .nds-checkbox_faux:after,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox--faux:after,
.nds-checkbox [type=checkbox][disabled] ~ .nds-checkbox_faux:after,
.nds-checkbox [type=checkbox][disabled] ~ .nds-checkbox--faux:after,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox__label .nds-checkbox_faux:after,
.nds-checkbox [type=checkbox][disabled] + .nds-checkbox__label .nds-checkbox--faux:after {
  border-color: #fff;
}

.nds-checkbox__label .nds-form-element__label.nds-form-element__control-help {
  font-size: 0.875rem;
  font-weight: 400;
}

.nds-checkbox__label .nds-tooltip_container .nds-nonfocused_control svg {
  margin-top: -0.1875rem;
  fill: #54698d;
  cursor: pointer;
}

.nds-checkbox__label .nds-form-element__label.nds-form-element__control-help.nds-checkbox-span {
  margin-right: 0.5rem;
}

.nds-has-error .nds-checkbox [type=checkbox] + .nds-checkbox_faux,
.nds-has-error .nds-checkbox [type=checkbox] + .nds-checkbox--faux,
.nds-has-error .nds-checkbox [type=checkbox] ~ .nds-checkbox_faux,
.nds-has-error .nds-checkbox [type=checkbox] ~ .nds-checkbox--faux,
.nds-has-error .nds-checkbox [type=checkbox] + .nds-checkbox__label .nds-checkbox_faux,
.nds-has-error .nds-checkbox [type=checkbox] + .nds-checkbox__label .nds-checkbox--faux {
  border-color: #e71313;
  border-width: 2px;
}

.nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox_faux, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox--faux, .nds-has-error .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux, .nds-has-error .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox--faux, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox_faux, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox--faux {
  border-color: #e71313;
  background-color: #e71313;
}

.nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox_faux:after, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox--faux:after, .nds-has-error .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux:after, .nds-has-error .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox--faux:after, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox_faux:after, .nds-has-error .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox--faux:after {
  border-color: #fff;
}

.nds-read-only .nds-checkbox input + .nds-checkbox_faux,
.nds-read-only .nds-checkbox input + .nds-checkbox--faux,
.nds-read-only .nds-checkbox input ~ .nds-checkbox_faux,
.nds-read-only .nds-checkbox input ~ .nds-checkbox--faux,
.nds-read-only .nds-checkbox input + .nds-checkbox__label .nds-checkbox_faux,
.nds-read-only .nds-checkbox input + .nds-checkbox__label .nds-checkbox--faux,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox_faux,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox--faux,
.nds-read-only .nds-checkbox input:checked ~ .nds-checkbox_faux,
.nds-read-only .nds-checkbox input:checked ~ .nds-checkbox--faux,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox__label .nds-checkbox_faux,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox__label .nds-checkbox--faux {
  background-color: #ecebea;
  border-color: #7f7f7f;
}

.nds-read-only .nds-checkbox input + .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input + .nds-checkbox--faux:after,
.nds-read-only .nds-checkbox input ~ .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input ~ .nds-checkbox--faux:after,
.nds-read-only .nds-checkbox input + .nds-checkbox__label .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input + .nds-checkbox__label .nds-checkbox--faux:after,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox--faux:after,
.nds-read-only .nds-checkbox input:checked ~ .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input:checked ~ .nds-checkbox--faux:after,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox__label .nds-checkbox_faux:after,
.nds-read-only .nds-checkbox input:checked + .nds-checkbox__label .nds-checkbox--faux:after {
  border-color: #fff;
}

.nds-form-element .nds-checkbox [type=checkbox] + .nds-checkbox_faux,
.nds-form-element .nds-checkbox [type=checkbox] + .nds-checkbox--faux,
.nds-form-element .nds-checkbox [type=checkbox] ~ .nds-checkbox_faux,
.nds-form-element .nds-checkbox [type=checkbox] ~ .nds-checkbox--faux,
.nds-form-element .nds-checkbox [type=checkbox] + .nds-checkbox__label .nds-checkbox_faux,
.nds-form-element .nds-checkbox [type=checkbox] + .nds-checkbox__label .nds-checkbox--faux {
  margin-right: 0.5rem;
}

/**
 * @summary Vlocity Newport branded checkbox selector with image
 *
 * @name newport
 * @selector .nds-checkbox_custom-group
 * @restrict .nds-checkbox
 * @variant
 */
.nds-checkbox_custom-group {
  position: relative;
  border: 0;
}

.nds-checkbox_button-group,
.nds-checkbox--button-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.25rem;
}

.nds-checkbox_custom-group {
  /**
   * Label element inside of a checkbox button
   *
   * @selector .nds-checkbox_button__label
   * @restrict .nds-checkbox_button label
   */
}

.nds-checkbox_custom-group .nds-checkbox_button,
.nds-checkbox_custom-group .nds-checkbox--button {
  display: -ms-flexbox;
  display: flex;
  border: 0;
  background-clip: padding-box;
  margin-right: 1.25rem;
  border-radius: 0.25rem;
  margin-bottom: 2.5rem;
}

.nds-checkbox_custom-group .nds-checkbox_button .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox_button .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button .nds-checkbox--faux {
  text-align: center;
  vertical-align: middle;
}

.nds-checkbox_custom-group .nds-checkbox_button + .nds-checkbox_button,
.nds-checkbox_custom-group .nds-checkbox_button + .nds-checkbox--button,
.nds-checkbox_custom-group .nds-checkbox--button + .nds-checkbox_button,
.nds-checkbox_custom-group .nds-checkbox--button + .nds-checkbox--button {
  margin: 0;
  margin-right: 1.25rem;
  margin-bottom: 2.5rem;
  border-left: 0;
}

.nds-checkbox_custom-group .nds-checkbox_button + .nds-checkbox_button .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox_button + .nds-checkbox--button .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button + .nds-checkbox_button .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button + .nds-checkbox--button .nds-checkbox_button__label {
  width: 100%;
  border: 1px solid #003da5;
}

.nds-checkbox_custom-group .nds-checkbox_button:first-child > .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button:first-child > .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button:first-child > .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button:first-child > .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button:first-child > .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button:first-child > .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button:first-child > .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button:first-child > .nds-checkbox--button__label {
  border: 1px solid #003da5;
  border-radius: 0.25rem;
  width: 100%;
}

.nds-checkbox_custom-group .nds-checkbox_button:last-child > .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button:last-child > .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox_button .nds-button_last > .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox_button .nds-button--last > .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button:last-child > .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button:last-child > .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button:last-child > .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button:last-child > .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button .nds-button_last > .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button .nds-button--last > .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button:last-child > .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button:last-child > .nds-checkbox--button__label {
  width: 100%;
  border-radius: 0.25rem;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox],
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label {
  background-color: transparent;
  color: #fff;
  width: 100%;
  border: 2px solid #003da5;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label:focus {
  background-color: transparent;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus ~ .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus ~ .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox--button__label, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active + .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active + .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active ~ .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active ~ .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active + .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox]:active + .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus + .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:focus + .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active + .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active + .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active ~ .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active ~ .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active + .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox]:active + .nds-checkbox--button__label {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  z-index: 1;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox_faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox--faux, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_button__label, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--button__label {
  background-color: transparent;
  color: #dddbda;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_button__label:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--button__label:focus {
  cursor: default;
}

.nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_button__label:focus, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--button__label:focus {
  background-color: transparent;
  color: #dddbda;
}

.nds-checkbox_custom-group .nds-checkbox_custom-faux {
  position: absolute;
  bottom: -1.8rem;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight: 400;
  color: #1564bf;
  left: 0;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-checkbox_custom-group .nds-checkbox_button__label img {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.nds-checkbox_custom-group .nds-checkbox_button__label span.nds-title {
  padding: 0;
  position: relative;
  width: 97%;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  white-space: initial;
  line-height: 1em;
  max-height: 4em;
  /* stylelint-disable value-no-vendor-prefix,property-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  /* stylelint-enable value-no-vendor-prefix,property-no-vendor-prefix */
}

.nds-checkbox_custom-group .nds-checkbox_button__label,
.nds-checkbox_custom-group .nds-checkbox--button__label {
  background-color: transparent;
  border-radius: 0.25rem;
  width: 100%;
}

.nds-checkbox_custom-group .nds-checkbox_button__label:hover, .nds-checkbox_custom-group .nds-checkbox_button__label:focus,
.nds-checkbox_custom-group .nds-checkbox--button__label:hover,
.nds-checkbox_custom-group .nds-checkbox--button__label:focus {
  cursor: pointer;
}

fieldset.nds-form-element + .nds-has-error.nds-grid div:first-child small {
  margin-top: 0;
}

.nds-checkbox_custom-group .nds-button.nds-checkbox_button.nds-checkbox_aspect-ratio {
  position: relative;
}

.nds-checkbox_custom-group .nds-button.nds-checkbox_button.nds-checkbox_aspect-ratio span.nds-checkbox_button__label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.nds-form-element__control.nds-vertical_checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.nds-form-element__control.nds-vertical_checkbox .nds-checkbox,
.nds-form-element__control.nds-horizontal_checkbox .nds-checkbox {
  margin: 0 1rem 0.5rem 0;
}

.nds-form-element__control.nds-grid {
  width: 100%;
}

.nds-checkbox_custom-group {
  margin-bottom: 2rem;
}

.nds-checkbox_custom-group input[type=checkbox]:checked + .nds-img_select-cont .nds-img-item_select-container {
  border: 2px solid #7f7f7f;
}

.nds-checkbox_custom-group input[type=checkbox]:focus + .nds-img_select-cont .nds-img-item_select-container, .nds-checkbox_custom-group input[type=checkbox]:active + .nds-img_select-cont .nds-img-item_select-container {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  z-index: 1;
}

.nds-checkbox_custom-group.nds-img-wrapper_cont label.nds-img_no-width-height {
  cursor: pointer;
}

.nds-img_select-cont {
  position: relative;
  display: inline-block;
}

.nds-img-wrapper_cont {
  position: relative;
}

.nds-img-item {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nds-img-item-caption {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.nds-checkbox_custom-group .nds-img-item_select-container {
  cursor: pointer;
  border: 2px solid #d8dde6;
  position: relative;
  height: 100%;
  width: 100%;
}

.nds-checkbox_custom-group.nds-img-wrapper_cont .nds-img_no-width-height .nds-img-item_select-container {
  width: 100%;
  height: 100%;
}

.nds-checkbox_custom-group .nds-img_option-width-height {
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem 0px;
  height: inherit;
  width: inherit;
  border-radius: 0.25rem;
  position: relative;
}

.nds-checkbox_custom-group .nds-img_no-width-height {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 1.875rem;
  margin-right: 1.25rem;
}

.nds-caption-out_cont {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  width: inherit;
  padding-top: 0.625rem;
}

/**
 * @summary Initializes checkbox toggle
 *
 * @name base
 * @selector .nds-checkbox_toggle
 * @restrict label
 * @variant
 */
.nds-checkbox_toggle,
.nds-checkbox--toggle {
  width: 100%;
}

.nds-checkbox_toggle .nds-checkbox_faux,
.nds-checkbox_toggle .nds-checkbox--faux,
.nds-checkbox--toggle .nds-checkbox_faux,
.nds-checkbox--toggle .nds-checkbox--faux {
  display: block;
  position: relative;
  width: 3rem;
  height: 1.5rem;
  border: 1px solid #b0adab;
  padding: 0.125rem;
  background-color: #b0adab;
  border-radius: 15rem;
  transition: background-color 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.nds-checkbox_toggle .nds-checkbox_faux:hover, .nds-checkbox_toggle .nds-checkbox_faux:focus,
.nds-checkbox_toggle .nds-checkbox--faux:hover,
.nds-checkbox_toggle .nds-checkbox--faux:focus,
.nds-checkbox--toggle .nds-checkbox_faux:hover,
.nds-checkbox--toggle .nds-checkbox_faux:focus,
.nds-checkbox--toggle .nds-checkbox--faux:hover,
.nds-checkbox--toggle .nds-checkbox--faux:focus {
  cursor: pointer;
  background-color: #969492;
}

.nds-checkbox_toggle .nds-checkbox_faux:after,
.nds-checkbox_toggle .nds-checkbox--faux:after,
.nds-checkbox--toggle .nds-checkbox_faux:after,
.nds-checkbox--toggle .nds-checkbox--faux:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 15rem;
}

.nds-checkbox_toggle [type=checkbox],
.nds-checkbox--toggle [type=checkbox] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-checkbox_toggle [type=checkbox] + .nds-checkbox_faux_container,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox--faux_container,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox_faux_container,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox--faux_container {
  font-size: 0.625rem;
  color: #1b1b1b;
}

.nds-checkbox_toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox_off,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox--off,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox_off,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox--off,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox_off,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox--off,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox_off,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox--off {
  display: block;
}

.nds-checkbox_toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox_on,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox--on,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox_on,
.nds-checkbox_toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox--on,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox_on,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox_faux_container .nds-checkbox--on,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox_on,
.nds-checkbox--toggle [type=checkbox] + .nds-checkbox--faux_container .nds-checkbox--on {
  display: none;
}

.nds-checkbox_toggle [type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:focus + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:focus + .nds-checkbox--faux_container .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:focus + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:focus + .nds-checkbox--faux_container .nds-checkbox--faux {
  background-color: #969492;
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_off,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--off,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_off,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--off {
  display: none;
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_on,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--on,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_on,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--on {
  display: block;
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux {
  border-color: #0070d2;
  background-color: #0070d2;
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux:hover, .nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux:focus,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox_faux:hover,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox--faux:focus,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:hover,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:focus {
  background-color: #005fb2;
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux:before,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox_faux:before,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:before,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:before,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux:before,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox_faux:before,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:before,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 15rem;
  transition: transform 0.2s cubic-bezier(0.75, 0, 0.08, 1);
}

.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux:after,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:after {
  content: " ";
  position: absolute;
  top: 0.25rem;
  left: 0.6rem;
  height: 0.7rem;
  width: 0.45rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 0;
  background-color: transparent;
  transform: rotate(45deg);
}

.nds-checkbox_toggle [type=checkbox]:checked:focus + .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked:focus + .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:checked:focus ~ .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked:focus ~ .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox]:checked:focus + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox]:checked:focus + .nds-checkbox--faux_container .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus + .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus + .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus ~ .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus ~ .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox]:checked:focus + .nds-checkbox--faux_container .nds-checkbox--faux {
  background-color: #005fb2;
}

.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux {
  background-color: #b0adab;
  pointer-events: none;
}

.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux:after,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:after,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:after {
  background-color: #dddbda;
}

.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux:hover, .nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux:focus,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:hover,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:focus,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:hover,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:focus,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:hover,
.nds-checkbox_toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] ~ .nds-checkbox--faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox_faux_container .nds-checkbox_faux:focus,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:hover,
.nds-checkbox--toggle [type=checkbox][disabled] + .nds-checkbox--faux_container .nds-checkbox--faux:focus {
  background-color: #b0adab;
  cursor: default;
}

.nds-checkbox_toggle [type=checkbox][disabled]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:before,
.nds-checkbox_toggle [type=checkbox][disabled]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:before,
.nds-checkbox--toggle [type=checkbox][disabled]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:before,
.nds-checkbox--toggle [type=checkbox][disabled]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:before {
  background-color: #dddbda;
}

.nds-checkbox_toggle [type=checkbox][disabled]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox_toggle [type=checkbox][disabled]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:after,
.nds-checkbox--toggle [type=checkbox][disabled]:checked + .nds-checkbox_faux_container .nds-checkbox_faux:after,
.nds-checkbox--toggle [type=checkbox][disabled]:checked + .nds-checkbox--faux_container .nds-checkbox--faux:after {
  background-color: transparent;
}

/**
 * @summary Initializes checkbox add button
 *
 * @name base
 * @selector .nds-checkbox_add-button
 * @restrict div
 * @variant
 */
.nds-checkbox_add-button .nds-checkbox_faux,
.nds-checkbox_add-button .nds-checkbox--faux,
.nds-checkbox--add-button .nds-checkbox_faux,
.nds-checkbox--add-button .nds-checkbox--faux {
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-color: #fff;
  cursor: pointer;
}

.nds-checkbox_add-button .nds-checkbox_faux:before, .nds-checkbox_add-button .nds-checkbox_faux:after,
.nds-checkbox_add-button .nds-checkbox--faux:before,
.nds-checkbox_add-button .nds-checkbox--faux:after,
.nds-checkbox--add-button .nds-checkbox_faux:before,
.nds-checkbox--add-button .nds-checkbox_faux:after,
.nds-checkbox--add-button .nds-checkbox--faux:before,
.nds-checkbox--add-button .nds-checkbox--faux:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.875rem;
  width: 0.125rem;
  margin: auto;
  background: #0070d2;
}

.nds-checkbox_add-button .nds-checkbox_faux:after,
.nds-checkbox_add-button .nds-checkbox--faux:after,
.nds-checkbox--add-button .nds-checkbox_faux:after,
.nds-checkbox--add-button .nds-checkbox--faux:after {
  width: 0.875rem;
  height: 0.125rem;
}

.nds-checkbox_add-button .nds-checkbox_faux:hover:not([disabled]), .nds-checkbox_add-button .nds-checkbox_faux:focus:not([disabled]),
.nds-checkbox_add-button .nds-checkbox--faux:hover:not([disabled]),
.nds-checkbox_add-button .nds-checkbox--faux:focus:not([disabled]),
.nds-checkbox--add-button .nds-checkbox_faux:hover:not([disabled]),
.nds-checkbox--add-button .nds-checkbox_faux:focus:not([disabled]),
.nds-checkbox--add-button .nds-checkbox--faux:hover:not([disabled]),
.nds-checkbox--add-button .nds-checkbox--faux:focus:not([disabled]) {
  border: 1px solid #dddbda;
  background-color: #f4f6f9;
}

.nds-checkbox_add-button .nds-checkbox_faux:active,
.nds-checkbox_add-button .nds-checkbox--faux:active,
.nds-checkbox--add-button .nds-checkbox_faux:active,
.nds-checkbox--add-button .nds-checkbox--faux:active {
  background-color: #eef1f6;
}

.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox--faux {
  border-color: transparent;
  background: #003da5;
}

.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:before, .nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox--faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox--faux:after {
  background: #fff;
}

.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox--faux:before {
  top: -0.125rem;
  left: 0.4375rem;
  width: 0.1875rem;
  height: 1.0625rem;
  transform: rotate(40deg);
}

.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox]:checked + .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked ~ .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox]:checked + .nds-checkbox--faux:after {
  top: 0.3125rem;
  left: -0.625rem;
  width: 0.625rem;
  height: 0.1875rem;
  transform: rotate(36deg);
}

.nds-checkbox_add-button input[type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox_add-button input[type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox]:focus + .nds-checkbox--faux {
  outline: 0;
  box-shadow: 0 0 3px 2px #003da5;
  border-color: #7f7f7f;
}

.nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox--faux {
  background-color: #e0e5ee;
  border-color: transparent;
  color: #fff;
}

.nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux:before, .nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux:before,
.nds-checkbox_add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux:after,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox_faux:before,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox_faux:after,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox--faux:before,
.nds-checkbox_add-button input[type=checkbox][disabled] + .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox][disabled] ~ .nds-checkbox--faux:after,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox_faux:before,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox_faux:after,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox--faux:before,
.nds-checkbox--add-button input[type=checkbox][disabled] + .nds-checkbox--faux:after {
  background: #fff;
}

/**
 * @summary Initializes checkbox button group
 *
 * @name base
 * @selector .nds-checkbox_button-group
 * @restrict div, span
 * @required
 * @variant
 */
.nds-checkbox_button-group,
.nds-checkbox--button-group {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

/**
 * Initializes checkbox inside a button group
 *
 * @selector .nds-checkbox_button
 * @restrict .nds-checkbox_button-group span
 * @required
 */
.nds-checkbox_button,
.nds-checkbox--button {
  display: -ms-flexbox;
  display: flex;
  border: 0;
  border-radius: 0;
  background-clip: padding-box;
  /**
   * Creates a custom styled checkbox
   *
   * @selector .nds-checkbox_faux
   * @restrict .nds-checkbox__label span, .nds-checkbox_button__label span
   * @required
   */
  /**
   * Creates a custom styled checkbox
   *
   * @selector .nds-checkbox_button__label
   * @restrict .nds-checkbox_button label
   * @required
   */
}

.nds-checkbox_button .nds-checkbox_faux,
.nds-checkbox_button .nds-checkbox--faux,
.nds-checkbox--button .nds-checkbox_faux,
.nds-checkbox--button .nds-checkbox--faux {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  position: relative;
  background-color: white;
  transition: border 0.1s linear, background-color 0.1s linear;
}

.nds-checkbox_button .nds-checkbox_faux:hover, .nds-checkbox_button .nds-checkbox_faux:focus,
.nds-checkbox_button .nds-checkbox--faux:hover,
.nds-checkbox_button .nds-checkbox--faux:focus,
.nds-checkbox--button .nds-checkbox_faux:hover,
.nds-checkbox--button .nds-checkbox_faux:focus,
.nds-checkbox--button .nds-checkbox--faux:hover,
.nds-checkbox--button .nds-checkbox--faux:focus {
  cursor: pointer;
  background-color: #f4f6f9;
}

.nds-checkbox_button .nds-checkbox_button__label .nds-checkbox_faux,
.nds-checkbox_button .nds-checkbox--button__label .nds-checkbox--faux,
.nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label .nds-checkbox--faux,
.nds-checkbox--button .nds-checkbox_button__label .nds-checkbox_faux,
.nds-checkbox--button .nds-checkbox--button__label .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label .nds-checkbox--faux {
  background-color: transparent;
}

.nds-checkbox_button + .nds-checkbox_button,
.nds-checkbox_button + .nds-checkbox--button,
.nds-checkbox--button + .nds-checkbox_button,
.nds-checkbox--button + .nds-checkbox--button {
  border-left: 1px solid #dddbda;
  border-radius: 0;
  margin: 0;
}

.nds-checkbox_button:first-child > .nds-checkbox_faux, .nds-checkbox_button:first-child > .nds-checkbox--faux, .nds-checkbox_button:first-child > .nds-checkbox_button__label, .nds-checkbox_button:first-child > .nds-checkbox--button__label,
.nds-checkbox--button:first-child > .nds-checkbox_faux,
.nds-checkbox--button:first-child > .nds-checkbox--faux,
.nds-checkbox--button:first-child > .nds-checkbox_button__label,
.nds-checkbox--button:first-child > .nds-checkbox--button__label {
  border-radius: 0.25rem 0 0 0.25rem;
}

.nds-checkbox_button:last-child > .nds-checkbox_faux, .nds-checkbox_button:last-child > .nds-checkbox--faux,
.nds-checkbox_button .nds-button_last > .nds-checkbox_faux,
.nds-checkbox_button .nds-button--last > .nds-checkbox--faux, .nds-checkbox_button:last-child > .nds-checkbox_button__label, .nds-checkbox_button:last-child > .nds-checkbox--button__label,
.nds-checkbox--button:last-child > .nds-checkbox_faux,
.nds-checkbox--button:last-child > .nds-checkbox--faux,
.nds-checkbox--button .nds-button_last > .nds-checkbox_faux,
.nds-checkbox--button .nds-button--last > .nds-checkbox--faux,
.nds-checkbox--button:last-child > .nds-checkbox_button__label,
.nds-checkbox--button:last-child > .nds-checkbox--button__label {
  border-radius: 0 0.25rem 0.25rem 0;
}

.nds-checkbox_button [type=checkbox],
.nds-checkbox--button [type=checkbox] {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}

.nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label {
  background-color: #003da5;
  color: #fff;
}

.nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux:hover, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux:focus, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux:hover, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux:focus, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux:hover, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux:focus, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux:hover, .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux:focus, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label:hover, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label:focus, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label:hover, .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label:focus,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux:hover,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux:focus,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux:hover,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux:focus,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux:hover,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux:focus,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux:hover,
.nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux:focus,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label:hover,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label:focus,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label:hover,
.nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label:focus {
  background-color: #003da5;
}

.nds-checkbox_button [type=checkbox]:focus + .nds-checkbox_faux, .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox--faux, .nds-checkbox_button [type=checkbox]:focus ~ .nds-checkbox_faux, .nds-checkbox_button [type=checkbox]:focus ~ .nds-checkbox--faux, .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox_button__label, .nds-checkbox_button [type=checkbox]:focus + .nds-checkbox--button__label,
.nds-checkbox--button [type=checkbox]:focus + .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox]:focus + .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox]:focus ~ .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox]:focus ~ .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox]:focus + .nds-checkbox_button__label,
.nds-checkbox--button [type=checkbox]:focus + .nds-checkbox--button__label {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_faux, .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--faux, .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox_faux, .nds-checkbox_button [type=checkbox][disabled] ~ .nds-checkbox--faux, .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox_button__label, .nds-checkbox_button [type=checkbox][disabled] + .nds-checkbox--button__label,
.nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox][disabled] ~ .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox_button__label,
.nds-checkbox--button [type=checkbox][disabled] + .nds-checkbox--button__label {
  background-color: white;
  color: #dddbda;
  cursor: default;
}

.nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_faux, .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--faux, .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux, .nds-checkbox_button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux, .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox_button__label, .nds-checkbox_button [type=checkbox][disabled]:checked + .nds-checkbox--button__label,
.nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox_faux,
.nds-checkbox--button [type=checkbox][disabled]:checked ~ .nds-checkbox--faux,
.nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox_button__label,
.nds-checkbox--button [type=checkbox][disabled]:checked + .nds-checkbox--button__label {
  background-color: white;
  color: #dddbda;
  cursor: default;
}

.nds-read-only .nds-checkbox_button .nds-checkbox_faux,
.nds-read-only .nds-checkbox_button .nds-checkbox--faux,
.nds-read-only .nds-checkbox_button .nds-checkbox_faux,
.nds-read-only .nds-checkbox_button .nds-checkbox--faux,
.nds-read-only .nds-checkbox_button .nds-checkbox_button__label,
.nds-read-only .nds-checkbox_button .nds-checkbox--button__label,
.nds-read-only .nds-checkbox--button .nds-checkbox_faux,
.nds-read-only .nds-checkbox--button .nds-checkbox--faux,
.nds-read-only .nds-checkbox--button .nds-checkbox_faux,
.nds-read-only .nds-checkbox--button .nds-checkbox--faux,
.nds-read-only .nds-checkbox--button .nds-checkbox_button__label,
.nds-read-only .nds-checkbox--button .nds-checkbox--button__label {
  background-color: white;
  color: #dddbda;
  cursor: default;
}

.nds-read-only .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_faux,
.nds-read-only .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--faux,
.nds-read-only .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-read-only .nds-checkbox_button [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-read-only .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox_button__label,
.nds-read-only .nds-checkbox_button [type=checkbox]:checked + .nds-checkbox--button__label,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_faux,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--faux,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox_faux,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked ~ .nds-checkbox--faux,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox_button__label,
.nds-read-only .nds-checkbox--button [type=checkbox]:checked + .nds-checkbox--button__label {
  background-color: white;
  color: #dddbda;
  cursor: default;
}

.nds-form-element__control span.nds-checkbox {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

/**
 * @summary Initializes select
 *
 * @name base
 * @selector .nds-select
 * @restrict select
 * @required
 * @variant
 */
.nds-select {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #7f7f7f;
  border-radius: 0;
  width: 100%;
  transition: border 0.1s linear, background-color 0.1s linear;
  height: calc(1.875rem + 2px);
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: #556a8c;
  /**
   * Initializes select container for custom styling
   *
   * @selector .nds-select_container
   * @restrict div
   */
}

.nds-select:focus, .nds-select:active {
  outline: 0;
  border-color: #7f7f7f;
  background-color: #fff;
  box-shadow: none;
}

.nds-select[disabled], .nds-select.nds-is-disabled {
  background-color: #fff;
  border-color: #7f7f7f;
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-select[disabled]:focus, .nds-select[disabled]:active, .nds-select.nds-is-disabled:focus, .nds-select.nds-is-disabled:active {
  box-shadow: none;
}

.nds-select[size], .nds-select[multiple] {
  min-height: calc(1.875rem + 2px);
  height: inherit;
}

.nds-select[size] option {
  padding: 0.5rem;
}

.nds-select[multiple] option {
  padding: 0.5rem 0;
}

.nds-select_container {
  position: relative;
}

.nds-select_container .nds-select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

.nds-select_container .nds-select::-ms-expand {
  display: none;
}

.nds-select_container:before, .nds-select_container:after {
  position: absolute;
  content: "";
  display: block;
  right: 0.5rem;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-radius: 0.25rem;
  pointer-events: none;
}

.nds-select_container:after {
  border-top: 8px solid #061c3f;
  bottom: calc(0.875rem - 4px);
}

.nds-select_container:before {
  border-top: 8px solid #fff;
  bottom: calc(0.875rem - 1.5px);
  z-index: 1;
}

.nds-select_container[disabled]:before {
  border-top-color: #ecebea;
}

.nds-has-error .nds-select {
  background-color: #fff;
  border-color: #e71313;
  background-clip: padding-box;
  box-shadow: none;
}

.nds-select {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: inherit;
}

.nds-select_container {
  width: 100%;
}

.nds-form-element__control.nds-input-has-icon svg.nds-icon {
  fill: #54698d;
}

.nds-select-wrapper .nds-control-action__container {
  top: 0.35rem;
}

.nds-select-wrapper .nds-tooltip_container .nds-nonfocused_control svg.slds-icon {
  margin-top: 10px;
  width: 1.2rem;
  height: 1.2rem;
  fill: #54698d;
  cursor: pointer;
}

.nds-select-wrapper .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom {
  left: calc(-100% - 10px);
  max-width: 30rem;
  white-space: nowrap;
  top: -1.6875rem;
}

.nds-select-wrapper .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:before,
.nds-select-wrapper .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 100%;
  bottom: 0;
  margin-left: -9px;
  top: 25%;
}

/**
 * @name base
 * @selector .nds-form
 * @restrict form, div, fieldset
 * @variant
 */
/**
 * Vertically aligns form label and control, provides spacing between form elements
 *
 * @selector .nds-form_stacked
 * @restrict .nds-form:not(.nds-form_compound)
 * @modifier
 * @group layout
 */
.nds-form_stacked .nds-form-element,
.nds-form--stacked .nds-form-element {
  display: block;
}

.nds-form_stacked .nds-form-element + .nds-form-element,
.nds-form--stacked .nds-form-element + .nds-form-element {
  margin-top: 0.75rem;
}

@media (min-width: 30em) {
  .nds-form_stacked .nds-form-element + .nds-form-element,
.nds-form--stacked .nds-form-element + .nds-form-element {
    margin-top: 0.5rem;
  }
}
.nds-form_stacked .nds-form-element .nds-checkbox,
.nds-form_stacked .nds-form-element .nds-radio,
.nds-form--stacked .nds-form-element .nds-checkbox,
.nds-form--stacked .nds-form-element .nds-radio {
  display: block;
}

/**
 * Horizontally aligns a single form label and control on the same line
 *
 * @selector .nds-form_horizontal
 * @restrict .nds-form:not(.nds-form_compound)
 * @modifier
 * @group layout
 */
@media (min-width: 48em) {
  .nds-form_horizontal,
.nds-form--horizontal {
    text-align: right;
  }
}
@media (min-width: 48em) {
  .nds-form_horizontal .nds-form-element > .nds-form-element__legend,
.nds-form_horizontal .nds-form-element > .nds-form-element__label,
.nds-form--horizontal .nds-form-element > .nds-form-element__legend,
.nds-form--horizontal .nds-form-element > .nds-form-element__label {
    float: left;
    text-align: right;
    display: inline-block;
    width: 33%;
    vertical-align: top;
    position: relative;
    top: 0.1875rem;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.nds-form_horizontal .nds-form-element + .nds-form-element,
.nds-form--horizontal .nds-form-element + .nds-form-element {
  margin-top: 0.75rem;
}

@media (min-width: 30em) {
  .nds-form_horizontal .nds-form-element + .nds-form-element,
.nds-form--horizontal .nds-form-element + .nds-form-element {
    margin-top: 0.5rem;
  }
}
.nds-form_horizontal .nds-form-element__control,
.nds-form--horizontal .nds-form-element__control {
  width: 100%;
}

@media (min-width: 48em) {
  .nds-form_horizontal .nds-form-element__control,
.nds-form--horizontal .nds-form-element__control {
    width: 66%;
    display: inline-block;
    text-align: left;
  }
}
/**
 * Horizontally align multiple form elements on the same axis
 *
 * @selector .nds-form_inline
 * @restrict .nds-form
 */
.nds-form_inline .nds-form-element,
.nds-form_inline .nds-form-element__label,
.nds-form_inline .nds-form-element__control,
.nds-form--inline .nds-form-element,
.nds-form--inline .nds-form-element__label,
.nds-form--inline .nds-form-element__control {
  display: block;
}

.nds-form_inline .nds-form-element + .nds-form-element,
.nds-form--inline .nds-form-element + .nds-form-element {
  margin-top: 0.75rem;
}

@media (min-width: 30em) {
  .nds-form_inline .nds-form-element,
.nds-form--inline .nds-form-element {
    margin-right: 0.5rem;
  }

  .nds-form_inline .nds-form-element + .nds-form-element,
.nds-form--inline .nds-form-element + .nds-form-element {
    margin-top: 0;
  }

  .nds-form_inline .nds-form-element,
.nds-form_inline .nds-form-element__label,
.nds-form_inline .nds-form-element__control,
.nds-form--inline .nds-form-element,
.nds-form--inline .nds-form-element__label,
.nds-form--inline .nds-form-element__control {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
}
/**
 * @summary Creates a form that consists of multiple form groups
 *
 * @name compound
 * @selector .nds-form_compound
 * @restrict .nds-form
 * @variant
 */
.nds-form_compound .nds-form-element__row,
.nds-form--compound .nds-form-element__row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
}

.nds-form_compound .nds-form-element__row + .nds-form-element__row,
.nds-form--compound .nds-form-element__row + .nds-form-element__row {
  clear: both;
}

.nds-form_compound .nds-form-element__row .nds-form-element + .nds-form-element,
.nds-form--compound .nds-form-element__row .nds-form-element + .nds-form-element {
  margin-left: 0.5rem;
}

.nds-form_compound .nds-form-element__control,
.nds-form--compound .nds-form-element__control {
  position: relative;
}

.nds-form_compound .nds-form-element__control + .nds-form-element__control,
.nds-form--compound .nds-form-element__control + .nds-form-element__control {
  padding-left: 0.5rem;
}

/**
 * The popover should be positioned with JavaScript.
 *
 * When errors are found within a form, the user will be notified with a popover
 * with the page-level errors listed out. Please provide a contextually specific
 * title for the dialog with the aria-label attribute. e.g. "Acme Global edit
 * form errors"
 *
 * @summary Creates a docked form footer
 *
 * @name base
 * @selector .nds-docked-form-footer
 * @restrict div
 * @required
 * @variant
 */
.nds-docked-form-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fafaf9;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: 8000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.5rem 0;
}

/**
 * @summary Initializes slider component
 *
 * @name base
 * @selector .nds-slider
 * @restrict div
 * @variant
 */
.nds-slider {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

/**
 * @summary Range track for slider
 *
 * @selector .nds-slider__range
 * @restrict input
 */
.nds-slider__range {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  margin: 0.75rem 0;
  background: transparent;
  border-radius: 0.125rem;
}

.nds-slider__range:focus {
  outline: 0;
}

.nds-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dddbda;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 3px;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
  margin-top: calc((0.75rem - 1px) * -1);
}

.nds-slider__range::-webkit-slider-thumb:hover {
  background-color: #fff;
}

.nds-slider__range::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #16325c;
  border-radius: 0.125rem;
}

.nds-slider__range::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dddbda;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 3px;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}

.nds-slider__range::-moz-range-thumb:hover {
  background-color: #fff;
}

.nds-slider__range::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #16325c;
  border-radius: 0.125rem;
}

.nds-slider__range::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #16325c;
  border-radius: 0.125rem;
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
}

.nds-slider__range::-ms-thumb {
  appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dddbda;
  box-shadow: rgba(0, 0, 0, 0.16) 0 2px 3px;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}

.nds-slider__range::-ms-thumb:hover {
  background-color: #fff;
}

.nds-slider__range:focus::-webkit-slider-thumb {
  border-color: #ff6d00;
  background-color: #fff;
  box-shadow: 0 0 3px #ff6d00;
}

.nds-slider__range:active::-webkit-slider-thumb {
  border-color: #ff6d00;
  background-color: #fff;
}

.nds-slider__range:focus::-moz-range-thumb {
  border-color: #ff6d00;
  background-color: #fff;
  box-shadow: 0 0 3px #ff6d00;
}

.nds-slider__range:active::-moz-range-thumb {
  border-color: #ff6d00;
  background-color: #fff;
}

.nds-slider__range[disabled]::-webkit-slider-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-slider__range[disabled]::-webkit-slider-runnable-track {
  background-color: #ecebea;
  cursor: default;
}

.nds-slider__range[disabled]::-moz-range-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-slider__range[disabled]::-moz-range-track {
  background-color: #ecebea;
}

.nds-slider__range[disabled]::-ms-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-slider__range[disabled]::-ms-track {
  background-color: #ecebea;
  cursor: default;
}

.nds-read-only .nds-slider__range::-webkit-slider-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-read-only .nds-slider__range::-webkit-slider-runnable-track {
  background-color: #ecebea;
  cursor: default;
}

.nds-read-only .nds-slider__range::-moz-range-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-read-only .nds-slider__range::-moz-range-track {
  background-color: #ecebea;
}

.nds-read-only .nds-slider__range::-ms-thumb {
  background-color: #ecebea;
  cursor: default;
}

.nds-read-only .nds-slider__range::-ms-track {
  background-color: #ecebea;
  cursor: default;
}

/**
 * @summary Element that contains value of input range
 *
 * @selector .nds-slider__value
 * @restrict .nds-slider span
 */
.nds-slider__value {
  padding: 0 0.5rem;
}

/**
 * @summary Contains the label and range for the slider label - not required
 *
 * @selector .nds-slider-label
 * @restrict span
 */
.nds-slider-label {
  display: -ms-flexbox;
  display: flex;
}

/**
 * @summary Contains the label for the slider and adds a hook for adding `.nds-assistive-text` class to visually hide the label, but not the range
 *
 * @selector .nds-slider-label__label
 * @restrict .nds-slider-label span
 */
.nds-slider-label__label {
  display: inline-block;
}

.nds-slider-label__label.nds-form-element__legend {
  margin-right: 0.5rem;
}

.nds-slider-label__label.nds-slider-label__span {
  margin-right: 0.125rem;
  margin-top: -4px;
}

/**
 * @summary Contains the range for the slider
 *
 * @selector .nds-slider-label__range
 * @restrict .nds-slider-label span
 */
.nds-slider-label__range.nds-slider-label__span {
  margin-left: 0.125rem;
  margin-top: -4px;
}

.nds-read-only .nds-slider-label__range {
  color: #706e6b;
  opacity: 0.5;
}

/**
 * @summary Modifier that makes the slider vertical
 *
 * @selector .nds-slider_vertical
 * @restrict .nds-slider
 * @modifier
 */
.nds-slider_vertical {
  height: 13.875rem;
}

.nds-slider_vertical .nds-slider__range {
  width: 12rem;
  height: 1.5rem;
  transform: rotate(-90deg);
  transform-origin: 6rem 6rem;
}

.nds-slider_vertical .nds-slider__value {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
}

.nds-slider-label__slot {
  line-height: 1rem;
  white-space: nowrap;
}

/**
 * @name base
 * @selector .nds-file-selector
 * @restrict div
 * @variant
 */
.nds-file-selector {
  display: block;
}

/**
 * Region that a file can be dropped within
 *
 * @selector .nds-file-selector__dropzone
 * @restrict .nds-file-selector div
 * @required
 */
.nds-file-selector__dropzone {
  padding: 0.125rem;
  border: 1px dashed #dddbda;
  border-radius: 0.25rem;
  /**
   * @selector .nds-has-drag-over
   * @restrict .nds-file-selector__dropzone
   * @modifier
   */
}

.nds-file-selector__dropzone.nds-has-drag-over {
  outline: 0;
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
  border-style: solid;
}

/**
 * Hidden input element
 *
 * @selector .nds-file-selector__input
 * @restrict .nds-file-selector input
 * @required
 */
.nds-file-selector__input:focus ~ .nds-file-selector__body > .nds-file-selector__button {
  box-shadow: none;
}

.nds-file-selector__input[disabled] ~ .nds-file-selector__body {
  color: #dddbda;
}

.nds-file-selector__input[disabled] ~ .nds-file-selector__body > .nds-file-selector__button {
  background: #e0e5ee;
  border-color: transparent;
  color: #fff;
}

.nds-file-selector__input[disabled] ~ .nds-file-selector__body > .nds-file-selector__body-icon {
  fill: currentColor;
}

/**
 * Faux button
 *
 * @selector .nds-file-selector__button
 * @restrict .nds-file-selector button, .nds-file-selector span
 * @required
 */
.nds-file-selector__button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}

/**
 * Modifications based on context
 *
 * Single Line
 * Dedicated dropzone when there are multiple dropzones in the form or when
 * the input is positioned among other form inputs.
 *
 * @selector .nds-file-selector_files
 * @restrict .nds-file-selector
 * @required
 */
.nds-file-selector_files,
.nds-file-selector--files {
  /**
   * Container for file selector content, specifically within the dropzone
   *
   * @selector .nds-file-selector__body
   * @restrict .nds-file-selector label
   * @required
   */
  /**
   * Descriptive call back text
   *
   * @selector .nds-file-selector__text
   * @restrict .nds-file-selector span
   * @required
   */
}

.nds-file-selector_files .nds-file-selector__body,
.nds-file-selector--files .nds-file-selector__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-file-selector_files .nds-file-selector__button,
.nds-file-selector--files .nds-file-selector__button {
  max-height: 1.625rem;
  line-height: 1.625rem;
}

.nds-file-selector_files .nds-file-selector__text,
.nds-file-selector--files .nds-file-selector__text {
  margin-left: 0.5rem;
  margin-right: 0.75rem;
}

/**
 * Multi Line / Image
 *
 * Use as a dedicated dropzone for image files only. May require a
 * cropping control.
 *
 * @name image
 * @selector .nds-file-selector_images
 * @restrict .nds-file-selector
 * @required
 * @variant
 */
.nds-file-selector_images,
.nds-file-selector--images {
  display: block;
}

.nds-file-selector_images .nds-file-selector__dropzone,
.nds-file-selector--images .nds-file-selector__dropzone {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
}

.nds-file-selector_images .nds-file-selector__dropzone:after,
.nds-file-selector--images .nds-file-selector__dropzone:after {
  content: "";
  padding-top: 100%;
  display: table;
}

.nds-file-selector_images .nds-file-selector__body,
.nds-file-selector--images .nds-file-selector__body {
  text-align: center;
}

.nds-file-selector_images .nds-file-selector__text,
.nds-file-selector--images .nds-file-selector__text {
  margin-top: 0.75rem;
}

/**
 * Invisible Dropzone (Container)
 *
 * Use when an entire container should be droppable.
 * The container should have a visible boundary, like a modal, composer, or page.
 *
 * @name integrated
 * @selector .nds-file-selector_integrated
 * @restrict .nds-file-selector
 * @required
 * @variant
 */
.nds-file-selector_integrated,
.nds-file-selector--integrated {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

/**
 * Specific to integrated file selector — region that a file can be dropped within
 *
 * @selector .nds-file-selector__dropzone_integrated
 * @restrict .nds-file-selector_integrated div
 * @required
 */
.nds-file-selector__dropzone_integrated,
.nds-file-selector__dropzone--integrated {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  opacity: 0;
  z-index: -1;
  /**
   * Informs dropzone that file has been dragged into the viewport
   *
   * @selector .nds-has-drag
   * @restrict .nds-file-selector__dropzone_integrated
   * @notes To be added with JavaScript
   * @required
   * @modifier
   */
  /**
   * Informs dropzone that file has been dragged into its region
   *
   * @selector .nds-has-drag-over
   * @restrict .nds-file-selector__dropzone_integrated
   * @notes To be added with JavaScript
   * @required
   * @modifier
   */
}

.nds-file-selector__dropzone_integrated.nds-has-drag,
.nds-file-selector__dropzone--integrated.nds-has-drag {
  background: rgba(255, 255, 255, 0.75);
  opacity: 1;
  z-index: 8000;
}

.nds-file-selector__dropzone_integrated.nds-has-drag-over,
.nds-file-selector__dropzone--integrated.nds-has-drag-over {
  background: #fafaf9;
  box-shadow: 0 0 0 4px #1589ee inset;
}

/**
 * Specific to integrated file selector — container for file selector
 * content, specifically within the dropzone
 *
 * @selector .nds-file-selector__body_integrated
 * @restrict .nds-file-selector_integrated label
 * @required
 */
.nds-file-selector__body_integrated,
.nds-file-selector__body--integrated {
  width: 12rem;
  height: 12rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  background: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  -ms-flex-direction: column;
      flex-direction: column;
}

/**
 * Specific to integrated file selector — Descriptive call back text
 *
 * @selector .nds-file-selector__text_integrated
 * @restrict .nds-file-selector_integrated span
 * @required
 */
.nds-file-selector__text_integrated,
.nds-file-selector__text--integrated {
  margin-top: 0.75rem;
}

/**
 * @summary Vlocity Newport branded file selecter
 *
 * @name newport
 * @selector .nds-file-selector
 * @restrict .nds-file-selector
 * @variant
 */
.nds-file-custom-selector .nds-file-selector__dropzone {
  width: inherit;
  padding: 0;
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  background-color: #f8fbfe;
}

.nds-file-custom-selector .nds-file-selector__dropzone .nds-file-selector__input {
  opacity: 0;
  height: 2rem;
  width: 100%;
}

.nds-file-custom-selector .nds-file-selector__dropzone .nds-file-selector__input:focus {
  outline: none;
}

.nds-file-custom-selector .nds-file-selector__dropzone .nds-file-selector__body {
  top: -1rem;
  height: 0;
}

.nds-file-custom-selector .nds-file-selector__dropzone .nds-file-icon {
  /* stylelint-disable declaration-no-important */
  padding: 2px !important;
  /* stylelint-enable declaration-no-important */
}

.nds-file-custom-selector .nds-file-selector__body,
.nds-file-custom-selector .nds-file-selector__button {
  width: 100%;
}

.nds-file-custom-selector .nds-file-selector__body {
  position: relative;
  height: inherit;
}

.nds-file-custom-selector .nds-file-selector__body .nds-file-selector__button {
  background-color: #f8fbfe;
  border: 0;
  color: #54698d;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  display: inline-block;
  pointer-events: none;
  width: 100%;
  padding-right: 3rem;
}

.nds-file-custom-selector .nds-file-selector__body span.nds-file-icon {
  position: absolute;
  right: 0.5rem;
  padding: 0.3rem;
  border-radius: 0.25rem;
  border: 1px solid #7f7f7f;
  pointer-events: none;
}

.nds-file-custom-selector .nds-file-selector__body span.nds-file-icon svg.nds-button__icon {
  fill: #54698d;
  width: 1.2rem;
  height: 1.2rem;
}

.nds-file-custom-selector .nds-file-list {
  margin: 0 0.5rem;
}

.nds-file-custom-selector .nds-file-list li {
  position: relative;
  width: 100%;
  height: 2.15rem;
  margin: 0.5rem 0;
  border: 1px solid #7f7f7f;
  background-color: #fff;
  border-radius: 0.25rem;
}

.nds-file-custom-selector .nds-file-list li .nds-button.nds-button_neutral {
  border: 0;
  color: #061c3f;
  font-size: 0.75rem;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-file-custom-selector .nds-file-list li .nds-button.nds-button_neutral:focus {
  background: #fff;
  box-shadow: none;
}

.nds-file-custom-selector .nds-file-list .nds-file-selector__button {
  height: inherit;
  max-height: 2rem;
}

.nds-file-custom-selector .nds-file-list span.nds-file-icon {
  position: absolute;
  right: 0.3rem;
  padding: 0.4rem 0;
  top: 0.27rem;
}

.nds-file-custom-selector .nds-file-list span.nds-file-icon svg.nds-button__icon {
  fill: #54698d;
  width: 1.2rem;
  height: 1.2rem;
}

.nds-file-custom-selector.nds-file-selector_files {
  width: 100%;
}

.nds-file-custom-selector.nds-file-selector_files + .nds-tooltip_container {
  margin-top: 9px;
  margin-left: 5px;
}

.nds-file-custom-selector.nds-file-selector_files + .nds-tooltip_container .nds-nonfocused_control svg {
  fill: #54698d;
  cursor: pointer;
}

/* for iPhone 5S issue */
@media screen and (device-aspect-ratio: 40/71) {
  .nds-file-custom-selector .nds-file-selector__body span.nds-file-icon {
    top: -0.8125rem;
  }
}
/* stylelint-disable selector-class-pattern, property-no-vendor-prefix, value-no-vendor-prefix   */
/**
* @summary Vlocity Newport Geolocation control
*
* @name newport
* @selector .nds-geolocation
* @restrict div
* @variant
*/
.nds-geolocation .nds-form-element__control .nds-form-element__label {
  margin-bottom: 0.25rem;
  outline: none;
}

.nds-geolocation .nds-form-element__control .nds-form-element__label svg {
  margin-right: 0.4rem;
  padding-bottom: 0.3125rem;
}

.nds-geolocation .nds-form-element__control .nds-form-element__label span {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: #556a8c;
}

.nds-form-element__label svg.nds-icon {
  fill: #54698d;
}

.leaflet-container {
  height: 300px;
  border: 5px dashed #7f7f7f;
}

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  /* stylelint-disable declaration-no-important */
  max-width: none !important;
  /* stylelint-enable declaration-no-important */
}

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  /* stylelint-disable declaration-no-important */
  max-width: 15000px !important;
  /* stylelint-enable declaration-no-important */
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-tile-pane {
  z-index: 2;
}

.leaflet-objects-pane {
  z-index: 3;
}

.leaflet-overlay-pane {
  z-index: 4;
}

.leaflet-shadow-pane {
  z-index: 5;
}

.leaflet-marker-pane {
  z-index: 6;
}

.leaflet-popup-pane {
  z-index: 7;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-clickable {
  cursor: pointer;
}

.leaflet-container {
  /* stylelint-disable declaration-block-no-duplicate-properties */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  /* stylelint-enable declaration-block-no-duplicate-properties */
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  /* stylelint-disable declaration-block-no-duplicate-properties */
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  /* stylelint-enable declaration-block-no-duplicate-properties */
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid #ffa500;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: #fff;
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px #000;
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  /* stylelint-disable scss/operator-no-unspaced */
  background-image: url(../images/layers.png);
  /* stylelint-enable scss/operator-no-unspaced */
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  /* stylelint-disable scss/operator-no-unspaced */
  background-image: url(../images/layers-2x.png);
  /* stylelint-enable scss/operator-no-unspaced */
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: 0;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: 0;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid #000;
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #fff;
  box-shadow: 0 3px 14px #000;
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/**
 * The page header is a masthead that contains the Title of the page, and supporting details. For large form factors, it may include actions.
 *
 * @summary Initializes page header
 *
 * @variant
 * @name base
 * @selector .nds-page-header
 * @restrict div
 * @support dev-ready
 */
.nds-page-header {
  padding: 1rem;
  border-bottom: 1px solid #dddbda;
  border-radius: 0.25rem;
  background: #fafaf9;
  background-clip: padding-box;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

/**
 * Page title (header text).
 *
 * @selector .nds-page-header__title
 * @restrict .nds-page-header h1
 */
.nds-page-header__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}

.nds-page-header__title .nds-icon {
  fill: currentColor;
}

.nds-page-header_joined,
.nds-page-header.nds-has-bottom-magnet {
  border-bottom: 1px solid #dddbda;
  border-radius: 0.25rem 0.25rem 0 0;
  box-shadow: none;
}

.nds-tabs_card .nds-page-header,
.nds-card .nds-page-header {
  border: 0;
  box-shadow: none;
}

/**
 * Page header record home contains up to four
 * compact layout fields. They're contained in the `.nds-page-header__detail-row` div.
 * That div contains the top and bottom spacing needed for this version of the page header.
 *
 * When text is truncated, the full text should be placed in
 * a tooltip on hover (currently shown in the title
 * attribute). One line truncation is created by using the
 * `.nds-truncate` class. Two line truncation must be achieved
 * using JavaScript.
 *
 * The page header is located at the top of every record home. It includes the record title and compact layout for a record. Excluding the title, the page header displays 4 compact layout fields. Similar data types can be rolled up and be displayed as a single field.
 *
 * **Record Title**
 *
 * - Display Record Type icon to the left of the title
 * - Record Type is displayed above the title
 * - When required, follow action is displayed to the right of the record title
 * - Display one line of text, truncate when the length conflicts with the page level actions
 *
 * As shown in Field 3, web addresses and email addresses should be parsed and displayed as hyperlinks linking to the appropriate mailto: or web url. Do not modify the user's input, display as intended.
 *
 * When text is truncated, display full field text in browser tooltip on hover.
 *
 * Display addresses in two lines. Street address on first line, City, State and Postal Code on line 2. For lengthy addresses, truncate each line individually based on the available width of the area using the `.nds-truncate` class. Display the full address via browser tooltip.
 *
 * @summary Bottom section containing record details
 *
 * @variant
 * @name record-home
 * @selector .nds-page-header__detail
 * @restrict .nds-page-header div
 * @support dev-ready
 * @required
 */
.nds-page-header__detail {
  /**
   * Creates margins around the detail section of record home
   *
   * @selector .nds-page-header__detail-row
   * @restrict .nds-page-header ul
   * @notes Only the record home page header contains this detail area
   */
  /**
   * Creates margins around the detail section of record home
   *
   * @selector .nds-page-header__detail-block
   * @restrict .nds-page-header__detail-row li
   * @notes Only the record home page header contains this detail area
   */
}

.nds-page-header__detail-row {
  margin: 0.75rem -1rem -1rem;
  padding: 0.75rem 1rem;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

.nds-page-header__detail-block {
  padding-right: 2rem;
  padding-left: 2rem;
  max-width: 25%;
}

.nds-page-header__detail-block:first-child {
  padding-left: 0;
}

.nds-page-header__detail-block:last-child {
  padding-right: 0;
}

/**
 * Vertical page header record home contains up to seven compact layout fields. They're contained in the `.nds-page-header__detail-row` div.
 * The heading does not truncate. This is typically used in more compact layouts where more vertical space is desired.
 *
 * @summary Initializes vertical page header
 *
 * @variant
 * @name record-home-vertical
 * @selector .nds-page-header_vertical
 * @restrict .nds-page-header
 * @support dev-ready
 */
.nds-page-header_vertical,
.nds-page-header--vertical {
  padding: 0.75rem;
  background: #fff;
  border-bottom: 0;
}

/**
 * The title for the Object Home page header is sorting component.
 * The `.nds-text-focus` class is placed on the media object that
 * contains the title and down icon to simulate a hover and
 * focus state of a link.
 *
 * This component is created entirely of existing components
 * like grids, buttons, button groups, and
 * icons.
 *
 * @summary Initializes object home page header
 *
 * @variant
 * @name object-home
 * @selector .nds-page-header_object-home
 * @restrict .nds-page-header
 * @support dev-ready
 */
.nds-page-header_object-home,
.nds-page-header--object-home {
  padding-bottom: 0.75rem;
}

/**
 * @summary Initiates a panel
 *
 * @name detail
 * @selector .nds-panel
 * @restrict div
 * @variant
 */
.nds-panel {
  background: #fff;
  border-radius: 0.25rem;
  /**
   * Contains sub sections of a panel
   *
   * @selector .nds-panel__section
   * @restrict .nds-panel div
   * @required
   */
  /**
   * Contains form actions at the bottom of a panel
   *
   * @selector .nds-panel__actions
   * @restrict .nds-panel div
   * @required
   */
}

.nds-panel__section {
  padding: 1rem;
}

.nds-panel__actions {
  padding: 0.75rem;
}

.nds-panel.nds-is-editing {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

/**
 * @name filtering
 * @selector .nds-panel_filters
 * @restrict .nds-panel
 * @variant
 * @s1 false
 */
.nds-panel_filters,
.nds-panel--filters {
  margin-left: 1rem;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  border-radius: 0;
}

/**
 * @selector .nds-filters
 * @restrict .nds-panel_filters div
 * @required
 */
.nds-filters {
  position: relative;
}

/**
 * Filters Header
 *
 * @selector .nds-filters__header
 * @restrict .nds-panel_filters div
 * @required
 */
.nds-filters__header {
  padding: 0.5rem 0.75rem;
}

/**
 * Filters Body
 *
 * @selector .nds-filters__body
 * @restrict .nds-panel_filters div
 * @required
 */
.nds-filters__body {
  padding: 0.5rem 0.75rem;
}

/**
 * Filters Footer
 *
 * @selector .nds-filters__footer
 * @restrict .nds-panel_filters div
 * @required
 */
.nds-filters__footer {
  padding: 0.5rem 1rem;
}

/**
 * Filterable Item
 *
 * @selector .nds-filters__item
 * @restrict .nds-panel_filters li div
 * @required
 */
.nds-filters__item {
  padding: 0.75rem;
  background: white;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  /**
   * Indicates that a filter is new and hasn't been saved
   *
   * @selector .nds-is-new
   * @restrict .nds-filters__item
   * @modifier
   */
  /**
   * Indicates that a filter has an error
   *
   * @selector .nds-has-error
   * @restrict .nds-filters__item
   * @modifier
   */
  /**
   * Indicates that a filter is locked
   *
   * @selector .nds-is-locked
   * @restrict .nds-filters__item
   * @modifier
   */
}

.nds-filters__item.nds-is-new {
  background: #faffbd;
  color: #1b1b1b;
}

.nds-filters__item.nds-has-error {
  border-color: #e71313;
}

.nds-filters__item.nds-is-locked {
  background: #fafaf9;
}

.nds-filters__item + .nds-filters__item {
  margin-top: 0.5rem;
}

.nds-filters__item:hover {
  background: #f4f6f9;
}

/**
 * A dialog popover, `.nds-popover`, can be applied to all variants of a dialog
 * popover. It initiates the styles of the popover and enables `.nds-nubbin` to be applied.
 *
 * A dialog popover requires at least one focusable element.
 *
 * @name base
 * @selector .nds-popover
 * @restrict [role="dialog"], [role="tooltip"]
 * @variant
 */
.nds-popover {
  position: relative;
  border-radius: 0.25rem;
  width: 20rem;
  min-height: 2rem;
  z-index: 6000;
  background-color: #fff;
  display: inline-block;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #dddbda;
  /**
   * @summary Applies syles for primary content area of popover
   * @selector .nds-popover__body
   * @restrict .nds-popover div
   */
  /**
   * @summary Applies styles for top area of popover
   * @selector .nds-popover__header
   * @restrict .nds-popover header, .nds-popover div
   */
  /**
   * @summary Applies styles for footer area of popover
   * @selector .nds-popover__footer
   * @restrict .nds-popover footer
   */
  /**
   * @summary Close button within a popover
   * @selector .nds-popover__close
   * @restrict .nds-popover button
   */
  /**
   * @summary Width modifier for popover - small
   * @selector .nds-popover_small
   * @restrict .nds-popover
   * @modifier
   * @group width
   */
  /**
   * @summary Width modifier for popover - medium
   * @selector .nds-popover_medium
   * @restrict .nds-popover
   * @modifier
   * @group width
   */
  /**
   * @summary Width modifier for popover - large
   * @selector .nds-popover_large
   * @restrict .nds-popover
   * @modifier
   * @group width
   */
}

.nds-popover__body, .nds-popover__header, .nds-popover__footer {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  position: relative;
  padding: 0.5rem 0.75rem;
}

.nds-popover__header {
  border-bottom: 1px solid #dddbda;
}

.nds-popover__footer {
  border-top: 1px solid #dddbda;
}

.nds-popover__close {
  position: relative;
  margin: 0.25rem;
  z-index: 6001;
}

.nds-popover_small, .nds-popover--small {
  min-width: 15rem;
}

.nds-popover_medium, .nds-popover--medium {
  min-width: 20rem;
}

.nds-popover_large, .nds-popover--large {
  min-width: 25rem;
  max-width: 512px;
}

.nds-popover[class*=theme_], .nds-popover[class*=theme--] {
  border: 0;
}

.nds-popover *:last-child {
  margin-bottom: 0;
}

.nds-popover_full-width {
  width: 100%;
}

/**
 * @name panels
 * @selector .nds-popover_panel
 * @restrict .nds-popover
 * @variant
 */
.nds-popover_panel .nds-popover__header,
.nds-popover--panel .nds-popover__header {
  background: #fafaf9;
  padding: 1.5rem 1.5rem 0.75rem;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom: 0;
}

.nds-popover_panel .nds-popover__body,
.nds-popover--panel .nds-popover__body {
  padding: 0;
}

.nds-popover_panel .nds-popover__body-list,
.nds-popover--panel .nds-popover__body-list {
  padding: 1rem 1.5rem;
  border-top: 1px solid #dddbda;
}

.nds-popover_panel.nds-nubbin_left-top:before, .nds-popover_panel.nds-nubbin_left-top:after, .nds-popover_panel.nds-nubbin--left-top:before, .nds-popover_panel.nds-nubbin--left-top:after, .nds-popover_panel.nds-nubbin_right-top:before, .nds-popover_panel.nds-nubbin_right-top:after, .nds-popover_panel.nds-nubbin--right-top:before, .nds-popover_panel.nds-nubbin--right-top:after, .nds-popover_panel.nds-nubbin_top-left:before, .nds-popover_panel.nds-nubbin_top-left:after, .nds-popover_panel.nds-nubbin--top-left:before, .nds-popover_panel.nds-nubbin--top-left:after, .nds-popover_panel.nds-nubbin_top-right:before, .nds-popover_panel.nds-nubbin_top-right:after, .nds-popover_panel.nds-nubbin--top-right:before, .nds-popover_panel.nds-nubbin--top-right:after,
.nds-popover--panel.nds-nubbin_left-top:before,
.nds-popover--panel.nds-nubbin_left-top:after,
.nds-popover--panel.nds-nubbin--left-top:before,
.nds-popover--panel.nds-nubbin--left-top:after,
.nds-popover--panel.nds-nubbin_right-top:before,
.nds-popover--panel.nds-nubbin_right-top:after,
.nds-popover--panel.nds-nubbin--right-top:before,
.nds-popover--panel.nds-nubbin--right-top:after,
.nds-popover--panel.nds-nubbin_top-left:before,
.nds-popover--panel.nds-nubbin_top-left:after,
.nds-popover--panel.nds-nubbin--top-left:before,
.nds-popover--panel.nds-nubbin--top-left:after,
.nds-popover--panel.nds-nubbin_top-right:before,
.nds-popover--panel.nds-nubbin_top-right:after,
.nds-popover--panel.nds-nubbin--top-right:before,
.nds-popover--panel.nds-nubbin--top-right:after {
  background: #fafaf9;
}

.nds-popover_panel.nds-nubbin_left-top:before, .nds-popover_panel.nds-nubbin_left-top:after, .nds-popover_panel.nds-nubbin--left-top:before, .nds-popover_panel.nds-nubbin--left-top:after, .nds-popover_panel.nds-nubbin_right-top:before, .nds-popover_panel.nds-nubbin_right-top:after, .nds-popover_panel.nds-nubbin--right-top:before, .nds-popover_panel.nds-nubbin--right-top:after,
.nds-popover--panel.nds-nubbin_left-top:before,
.nds-popover--panel.nds-nubbin_left-top:after,
.nds-popover--panel.nds-nubbin--left-top:before,
.nds-popover--panel.nds-nubbin--left-top:after,
.nds-popover--panel.nds-nubbin_right-top:before,
.nds-popover--panel.nds-nubbin_right-top:after,
.nds-popover--panel.nds-nubbin--right-top:before,
.nds-popover--panel.nds-nubbin--right-top:after {
  top: 2.25rem;
}

/**
 * @selector .nds-nubbin_top
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_top:before,
.nds-nubbin--top:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top:after,
.nds-nubbin--top:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top:after,
.nds-nubbin--top:after {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

/**
 * @selector .nds-nubbin_top-left
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_top-left:before,
.nds-nubbin--top-left:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top-left:after,
.nds-nubbin--top-left:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top-left:after,
.nds-nubbin--top-left:after {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_top-left:before, .nds-nubbin_top-left:after,
.nds-nubbin--top-left:before,
.nds-nubbin--top-left:after {
  left: 1.5rem;
  top: -0.5rem;
}

/**
 * @selector .nds-nubbin_top-right
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_top-right:before,
.nds-nubbin--top-right:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top-right:after,
.nds-nubbin--top-right:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_top-right:after,
.nds-nubbin--top-right:after {
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_top-right:before, .nds-nubbin_top-right:after,
.nds-nubbin--top-right:before,
.nds-nubbin--top-right:after {
  left: auto;
  right: 1.5rem;
  top: -0.5rem;
  margin-right: -0.5rem;
}

/**
 * @selector .nds-nubbin_bottom
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_bottom:before,
.nds-nubbin--bottom:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom:after,
.nds-nubbin--bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom:after,
.nds-nubbin--bottom:after {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

/**
 * @selector .nds-nubbin_bottom-left
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_bottom-left:before,
.nds-nubbin--bottom-left:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom-left:after,
.nds-nubbin--bottom-left:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom-left:after,
.nds-nubbin--bottom-left:after {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_bottom-left:before, .nds-nubbin_bottom-left:after,
.nds-nubbin--bottom-left:before,
.nds-nubbin--bottom-left:after {
  left: 1.5rem;
  top: 100%;
  margin-top: -0.5rem;
}

/**
 * @selector .nds-nubbin_bottom-right
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_bottom-right:before,
.nds-nubbin--bottom-right:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom-right:after,
.nds-nubbin--bottom-right:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 50%;
  bottom: -0.5rem;
  margin-left: -0.5rem;
}

.nds-nubbin_bottom-right:after,
.nds-nubbin--bottom-right:after {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_bottom-right:before, .nds-nubbin_bottom-right:after,
.nds-nubbin--bottom-right:before,
.nds-nubbin--bottom-right:after {
  left: auto;
  right: 1.5rem;
  top: 100%;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

/**
 * @selector .nds-nubbin_left
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_left:before,
.nds-nubbin--left:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left:after,
.nds-nubbin--left:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left:after,
.nds-nubbin--left:after {
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

/**
 * @selector .nds-nubbin_left-top
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_left-top:before,
.nds-nubbin--left-top:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left-top:after,
.nds-nubbin--left-top:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left-top:after,
.nds-nubbin--left-top:after {
  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_left-top:before, .nds-nubbin_left-top:after,
.nds-nubbin--left-top:before,
.nds-nubbin--left-top:after {
  top: 1.5rem;
}

/**
 * @selector .nds-nubbin_left-bottom
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_left-bottom:before,
.nds-nubbin--left-bottom:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left-bottom:after,
.nds-nubbin--left-bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  left: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_left-bottom:before,
.nds-nubbin--left-bottom:before {
  margin-bottom: -1px;
}

.nds-nubbin_left-bottom:after,
.nds-nubbin--left-bottom:after {
  box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_left-bottom:before, .nds-nubbin_left-bottom:after,
.nds-nubbin--left-bottom:before,
.nds-nubbin--left-bottom:after {
  top: auto;
  bottom: 1rem;
}

/**
 * @selector .nds-nubbin_right
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_right:before,
.nds-nubbin--right:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right:after,
.nds-nubbin--right:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right:after,
.nds-nubbin--right:after {
  box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

/**
 * @selector .nds-nubbin_right-top
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_right-top:before,
.nds-nubbin--right-top:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right-top:after,
.nds-nubbin--right-top:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right-top:after,
.nds-nubbin--right-top:after {
  box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_right-top:before, .nds-nubbin_right-top:after,
.nds-nubbin--right-top:before,
.nds-nubbin--right-top:after {
  top: 1.5rem;
}

/**
 * @selector .nds-nubbin_right-bottom
 * @restrict .nds-popover, .nds-dropdown
 * @modifier
 * @group nubbins
 */
.nds-nubbin_right-bottom:before,
.nds-nubbin--right-bottom:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right-bottom:after,
.nds-nubbin--right-bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  top: 50%;
  right: -0.5rem;
  margin-top: -0.5rem;
}

.nds-nubbin_right-bottom:before,
.nds-nubbin--right-bottom:before {
  margin-bottom: -1px;
}

.nds-nubbin_right-bottom:after,
.nds-nubbin--right-bottom:after {
  box-shadow: 2px -1px 3px 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-nubbin_right-bottom:before, .nds-nubbin_right-bottom:after,
.nds-nubbin--right-bottom:before,
.nds-nubbin--right-bottom:after {
  top: auto;
  bottom: 1rem;
}

/**
 * Walkthrough components are used to provide an interactive and educational prospect experience for setup.
 *
 * @summary Initializes a walkthrough non-modal dialog
 *
 * @name walkthrough
 * @selector .nds-popover_walkthrough
 * @restrict .nds-popover
 * @variant
 */
.nds-popover_walkthrough,
.nds-popover--walkthrough {
  border-color: #061c3f;
  color: #fff;
  background: #061c3f;
}

.nds-popover_walkthrough .nds-text-title,
.nds-popover_walkthrough .nds-text-title_caps,
.nds-popover_walkthrough .nds-text-title--caps,
.nds-popover--walkthrough .nds-text-title,
.nds-popover--walkthrough .nds-text-title_caps,
.nds-popover--walkthrough .nds-text-title--caps {
  color: #b0adab;
}

.nds-popover_walkthrough .nds-icon,
.nds-popover--walkthrough .nds-icon {
  fill: currentColor;
}

.nds-popover_walkthrough a,
.nds-popover--walkthrough a {
  color: currentColor;
}

.nds-popover_walkthrough a:hover, .nds-popover_walkthrough a:focus,
.nds-popover--walkthrough a:hover,
.nds-popover--walkthrough a:focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  outline: 0;
}

.nds-popover_walkthrough a:active,
.nds-popover--walkthrough a:active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-popover_walkthrough a[disabled],
.nds-popover--walkthrough a[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-popover_walkthrough .nds-popover__header,
.nds-popover--walkthrough .nds-popover__header {
  background: #16325c;
  border-color: inherit;
  padding: 0.75rem 1rem;
}

.nds-popover_walkthrough .nds-popover__body,
.nds-popover_walkthrough .nds-popover__footer,
.nds-popover--walkthrough .nds-popover__body,
.nds-popover--walkthrough .nds-popover__footer {
  padding: 1rem;
}

.nds-popover_walkthrough .nds-popover__footer,
.nds-popover--walkthrough .nds-popover__footer {
  border: 0;
}

.nds-popover_walkthrough .nds-popover__close,
.nds-popover--walkthrough .nds-popover__close {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}

/**
 * Alternate background for walkthrough non-modal dialog
 *
 * @selector .nds-popover_walkthrough-alt
 * @restrict .nds-popover_walkthrough
 * @modifier
 */
.nds-popover_walkthrough-alt {
  border-color: #0070d2;
  background: #0070d2;
  color: #fff;
}

/**
 * The tooltip should be positioned with JavaScript.
 *
 * You can include inline help tooltips for form elements and any focusable items, such as anchor links, buttons, etc. If your tooltips are available on hover, also make sure that they’re available on keyboard focus. To allow screen readers to access the tooltip, the HTML form field element must  have an `aria-describedby` attribute that points to the tooltip `ID` of the tooltip.
 *
 * @summary Initializes a tooltip
 *
 * @variant
 * @name base
 * @selector .nds-popover_tooltip
 * @restrict [role="tooltip"]
 * @support dev-ready
 */
.nds-popover_tooltip,
.nds-popover--tooltip {
  width: auto;
  max-width: 20rem;
  background: #16325c;
  border: 0;
}

.nds-popover_tooltip .nds-popover__body,
.nds-popover--tooltip .nds-popover__body {
  font-size: 0.75rem;
  font-weight: 300;
  color: #fff;
}

/**
 * @selector .nds-rise-from-ground
 * @restrict .nds-popover_tooltip
 * @modifier
 * @group toggle
 */
.nds-rise-from-ground {
  visibility: visible;
  opacity: 1;
  transform: translate(0%, 0%);
  transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
  will-change: transform;
}

/**
 * @selector .nds-fall-into-ground
 * @restrict .nds-popover_tooltip
 * @modifier
 * @group toggle
 */
.nds-fall-into-ground {
  visibility: hidden;
  opacity: 0;
  transform: translate(0%, 0%);
  transition: opacity 0.1s linear, visibility 0.1s linear, transform 0.1s linear;
  will-change: transform;
}

.nds-slide-from-bottom-to-top {
  transform: translateY(10%);
  will-change: transform;
}

.nds-slide-from-top-to-bottom {
  transform: translateY(-10%);
  will-change: transform;
}

.nds-slide-from-right-to-left {
  transform: translateX(5%);
  will-change: transform;
}

.nds-slide-from-left-to-right {
  transform: translateX(-5%);
  will-change: transform;
}

.nds-tooltip {
  position: relative;
  border-radius: 0.25rem;
  width: 20rem;
  min-height: 2rem;
  z-index: 6000;
  background-color: #061c3f;
  display: inline-block;
}

.nds-tooltip__body {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  color: #fff;
}

.nds-form-element .nds-tooltip__container {
  position: absolute;
  z-index: 1;
}

.nds-tooltip__container section.nds-popover {
  position: absolute;
}

.nds-form-container.nds-relative-tooltip {
  display: -ms-flexbox;
  display: flex;
}

.nds-relative-tooltip .nds-tooltip__container,
.nds-radio-relative-tooltip .nds-tooltip__container {
  position: relative;
  -ms-flex-order: 2;
      order: 2;
}

.nds-relative-tooltip div.nds-form-element__control,
.nds-radio-relative-tooltip div.nds-form-element__control {
  -ms-flex-order: 1;
      order: 1;
}

.nds-relative-tooltip .nds-tooltip__container {
  top: 0;
}

.nds-radio-relative-tooltip .nds-tooltip__container {
  top: -2px;
}

.nds-relative-tooltip .nds-form-element__label {
  overflow: visible;
}

.nds-datetime-tooltip span {
  position: relative;
  top: 1.25rem;
}

.nds-tooltip__container .nds-button_icon {
  pointer-events: visible;
}

.nds-radio-relative-tooltip span {
  margin-right: 0.5rem;
}

.nds-radio-relative-tooltip {
  overflow: visible;
  margin-top: 0.3rem;
}

.nds-checkbox__label ~ .nds-tooltip__container .nds-button_icon {
  margin-bottom: 0.125rem;
}

/**
 * Icons can be included on either the right, left, or both sides of an option.
 *
 * When using icons (e.g. checkmarks) to indicate selected state:
 * - all selectable items should contain an icon
 * - icons of non-selected are hidden by default
 * - a selected item reveals its icon when `aria-checked="true"` is applied to its `menuitemcheckbox` or `menuitemradio` child (e.g. `<a role="menuitemcheckbox" aria-checked="true" ...>`).
 *
 * @summary Initializes a trigger element around the dropdown
 * @name dropdown
 * @selector .nds-dropdown-trigger
 * @restrict div, span, li
 * @variant
 */
.nds-dropdown-trigger {
  position: relative;
  display: inline-block;
  /**
   * @summary If someone is using javascript for click to toggle - this modifier will help
   * @selector .nds-dropdown-trigger_hover
   * @restrict .nds-dropdown-trigger
   */
  /**
   * @summary If someone is using javascript for click to toggle - this modifier will help
   * @selector .nds-dropdown-trigger_click
   * @restrict .nds-dropdown-trigger
   */
}

.nds-dropdown-trigger .nds-dropdown {
  top: 100%;
  width: -webkit-max-content;
  width: max-content;
}

.nds-dropdown-trigger .nds-form-element .nds-dropdown.nds-dropdown_fluid, .nds-dropdown-trigger .nds-combobox__form-element .nds-dropdown.nds-dropdown_fluid {
  width: 100%;
}

.nds-dropdown-trigger .nds-listbox.nds-dropdown.nds-dropdown_fluid {
  width: 100%;
}

.nds-dropdown-trigger .nds-dropdown_bottom,
.nds-dropdown-trigger .nds-dropdown--bottom {
  top: auto;
}

.nds-dropdown-trigger .nds-dropdown {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}

.nds-dropdown-trigger:hover, .nds-dropdown-trigger:focus {
  outline: 0;
}

.nds-dropdown-trigger:hover .nds-dropdown, .nds-dropdown-trigger:focus .nds-dropdown {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}

.nds-dropdown-trigger_hover .nds-dropdown, .nds-dropdown-trigger--hover .nds-dropdown {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}

.nds-dropdown-trigger_hover:hover, .nds-dropdown-trigger_hover:focus, .nds-dropdown-trigger--hover:hover, .nds-dropdown-trigger--hover:focus {
  outline: 0;
}

.nds-dropdown-trigger_hover:hover .nds-dropdown, .nds-dropdown-trigger_hover:focus .nds-dropdown, .nds-dropdown-trigger--hover:hover .nds-dropdown, .nds-dropdown-trigger--hover:focus .nds-dropdown {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.1s linear, visibility 0.1s linear;
}

.nds-dropdown-trigger_click, .nds-dropdown-trigger--click {
  /**
   * @summary Opens dropdown menu when invoked on click
   * @selector .nds-is-open
   * @restrict .nds-dropdown-trigger_click
   * @modifier
   * @group visibility
   */
}

.nds-dropdown-trigger_click .nds-dropdown, .nds-dropdown-trigger--click .nds-dropdown {
  display: none;
}

.nds-dropdown-trigger_click.nds-is-open .nds-dropdown, .nds-dropdown-trigger--click.nds-is-open .nds-dropdown {
  display: block;
  visibility: visible;
  opacity: 1;
}

.nds-dropdown-trigger > [class*=nds-button_icon] ~ .nds-dropdown_left[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button_icon] ~ .nds-dropdown--left[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button--icon] ~ .nds-dropdown_left[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button--icon] ~ .nds-dropdown--left[class*=nds-nubbin] {
  left: -0.5rem;
}

.nds-dropdown-trigger > [class*=nds-button_icon] ~ .nds-dropdown_right[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button_icon] ~ .nds-dropdown--right[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button--icon] ~ .nds-dropdown_right[class*=nds-nubbin],
.nds-dropdown-trigger > [class*=nds-button--icon] ~ .nds-dropdown--right[class*=nds-nubbin] {
  right: -0.5rem;
}

/**
 * @summary Initializes dropdown
 * @selector .nds-dropdown
 * @restrict .nds-dropdown-trigger div, .nds-dropdown-trigger ul
 * @notes Applies positioning and container styles, by default, dropdown appears below and center of target
 */
.nds-dropdown {
  position: absolute;
  z-index: 7000;
  left: 50%;
  float: left;
  min-width: 6rem;
  max-width: 20rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
  border: 1px solid #dddbda;
  border-radius: 0.125rem;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  background: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  transform: translateX(-50%);
  /**
   * @summary Positions dropdown to left side of target
   * @selector .nds-dropdown_left
   * @restrict .nds-dropdown
   * @modifier
   * @group position
   */
  /**
   * @summary Positions dropdown to right side of target
   * @selector .nds-dropdown_right
   * @restrict .nds-dropdown
   * @modifier
   * @group position
   */
  /**
   * @summary Positions dropdown to above target
   * @selector .nds-dropdown_bottom
   * @restrict .nds-dropdown
   * @modifier
   * @group position
   */
  /**
   * @summary Sets min-width of 6rem/96px
   * @selector .nds-dropdown_xx-small
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Sets min-width of 12rem/192px
   * @selector .nds-dropdown_x-small
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Sets min-width of 15rem/240px
   * @selector .nds-dropdown_small
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Sets min-width of 20rem/320px
   * @selector .nds-dropdown_medium
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Sets min-width of 25rem/400px
   * @selector .nds-dropdown_large
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Sets min-width of 25rem/400px
   * @selector .nds-dropdown_large
   * @restrict .nds-dropdown
   * @modifier
   * @group width
   */
  /**
   * @summary Forces overflow scrolling after 5 list items
   * @selector .nds-dropdown_length-5
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Forces overflow scrolling after 7 list items
   * @selector .nds-dropdown_length-7
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Forces overflow scrolling after 10 list items
   * @selector .nds-dropdown_length-10
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Forces overflow scrolling after 5 list items with an icon
   * @selector .nds-dropdown_length-with-icon-5
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Forces overflow scrolling after 7 list items with an icon
   * @selector .nds-dropdown_length-with-icon-7
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Forces overflow scrolling after 10 list items with an icon
   * @selector .nds-dropdown_length-with-icon-10
   * @restrict .nds-dropdown, .nds-dropdown__list, .nds-listbox
   * @modifier
   * @group height
   */
  /**
   * @summary Theme
   * @selector .nds-dropdown_inverse
   * @restrict .nds-dropdown
   * @modifier
   * @group theme
   */
  /**
   * @summary Adds padding to area above dropdown menu list
   * @selector .nds-dropdown__header
   * @restrict .nds-dropdown li
   */
  /**
   * @summary Initializes dropdown item
   * @selector .nds-dropdown__item
   * @restrict .nds-dropdown li
   * @required
   */
}

.nds-dropdown_left, .nds-dropdown--left {
  left: 0;
  transform: translateX(0);
}

.nds-dropdown_right, .nds-dropdown--right {
  left: auto;
  right: 0;
  transform: translateX(0);
}

.nds-dropdown_bottom, .nds-dropdown--bottom {
  bottom: 100%;
}

.nds-dropdown_xx-small, .nds-dropdown--xx-small {
  min-width: 12rem;
}

.nds-dropdown_x-small, .nds-dropdown--x-small {
  min-width: 12rem;
}

.nds-dropdown_small, .nds-dropdown--small {
  min-width: 15rem;
}

.nds-dropdown_medium, .nds-dropdown--medium {
  min-width: 20rem;
}

.nds-dropdown_large, .nds-dropdown--large {
  min-width: 25rem;
  max-width: 512px;
}

.nds-dropdown_fluid, .nds-dropdown--fluid {
  min-width: auto;
  max-width: 100%;
  width: 100%;
}

.nds-dropdown_length-5, .nds-dropdown--length-5 {
  -webkit-overflow-scrolling: touch;
  max-height: 11.09375rem;
  overflow-y: auto;
}

.nds-dropdown_length-7, .nds-dropdown--length-7 {
  -webkit-overflow-scrolling: touch;
  max-height: 15.53125rem;
  overflow-y: auto;
}

.nds-dropdown_length-10, .nds-dropdown--length-10 {
  -webkit-overflow-scrolling: touch;
  max-height: 22.1875rem;
  overflow-y: auto;
}

.nds-dropdown_length-with-icon-5, .nds-dropdown--length-with-icon-5 {
  -webkit-overflow-scrolling: touch;
  max-height: 12.5rem;
  overflow-y: auto;
}

.nds-dropdown_length-with-icon-7, .nds-dropdown--length-with-icon-7 {
  -webkit-overflow-scrolling: touch;
  max-height: 17.5rem;
  overflow-y: auto;
}

.nds-dropdown_length-with-icon-10, .nds-dropdown--length-with-icon-10 {
  -webkit-overflow-scrolling: touch;
  max-height: 25rem;
  overflow-y: auto;
}

.nds-dropdown_inverse, .nds-dropdown--inverse {
  background: #061c3f;
  border-color: #061c3f;
}

.nds-dropdown_inverse .nds-dropdown__item > a, .nds-dropdown--inverse .nds-dropdown__item > a {
  color: #fff;
}

.nds-dropdown_inverse .nds-dropdown__item > a:hover, .nds-dropdown_inverse .nds-dropdown__item > a:focus, .nds-dropdown--inverse .nds-dropdown__item > a:hover, .nds-dropdown--inverse .nds-dropdown__item > a:focus {
  color: rgba(255, 255, 255, 0.75);
  background-color: transparent;
}

.nds-dropdown_inverse .nds-dropdown__item > a:active, .nds-dropdown--inverse .nds-dropdown__item > a:active {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}

.nds-dropdown_inverse .nds-dropdown__item > a[aria-disabled=true], .nds-dropdown--inverse .nds-dropdown__item > a[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.15);
  cursor: default;
}

.nds-dropdown_inverse .nds-dropdown__item > a[aria-disabled=true]:hover, .nds-dropdown--inverse .nds-dropdown__item > a[aria-disabled=true]:hover {
  background-color: transparent;
}

.nds-dropdown mark {
  font-weight: 700;
  background-color: transparent;
}

.nds-dropdown[class*=nds-nubbin_top], .nds-dropdown[class*=nds-nubbin--top] {
  margin-top: 0.5rem;
}

.nds-dropdown[class*=nds-nubbin_bottom], .nds-dropdown[class*=nds-nubbin--bottom] {
  margin-bottom: 0.5rem;
}

.nds-dropdown_nubbin-top, .nds-dropdown--nubbin-top {
  margin-top: 0.5rem;
}

.nds-dropdown_nubbin-top:before, .nds-dropdown--nubbin-top:before {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: #fff;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-dropdown_nubbin-top:after, .nds-dropdown--nubbin-top:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: #fff;
  left: 50%;
  top: -0.5rem;
  margin-left: -0.5rem;
}

.nds-dropdown_nubbin-top:before, .nds-dropdown--nubbin-top:before {
  background: #fff;
}

.nds-dropdown_nubbin-top:after, .nds-dropdown--nubbin-top:after {
  background: #fff;
  box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.16);
  z-index: -1;
}

.nds-dropdown_nubbin-top.nds-dropdown_left, .nds-dropdown_nubbin-top.nds-dropdown--left, .nds-dropdown--nubbin-top.nds-dropdown_left, .nds-dropdown--nubbin-top.nds-dropdown--left {
  left: -1rem;
}

.nds-dropdown_nubbin-top.nds-dropdown_left:before, .nds-dropdown_nubbin-top.nds-dropdown_left:after, .nds-dropdown_nubbin-top.nds-dropdown--left:before, .nds-dropdown_nubbin-top.nds-dropdown--left:after, .nds-dropdown--nubbin-top.nds-dropdown_left:before, .nds-dropdown--nubbin-top.nds-dropdown_left:after, .nds-dropdown--nubbin-top.nds-dropdown--left:before, .nds-dropdown--nubbin-top.nds-dropdown--left:after {
  left: 1.5rem;
  margin-left: 0;
}

.nds-dropdown_nubbin-top.nds-dropdown_right, .nds-dropdown_nubbin-top.nds-dropdown--right, .nds-dropdown--nubbin-top.nds-dropdown_right, .nds-dropdown--nubbin-top.nds-dropdown--right {
  right: -1rem;
}

.nds-dropdown_nubbin-top.nds-dropdown_right:before, .nds-dropdown_nubbin-top.nds-dropdown_right:after, .nds-dropdown_nubbin-top.nds-dropdown--right:before, .nds-dropdown_nubbin-top.nds-dropdown--right:after, .nds-dropdown--nubbin-top.nds-dropdown_right:before, .nds-dropdown--nubbin-top.nds-dropdown_right:after, .nds-dropdown--nubbin-top.nds-dropdown--right:before, .nds-dropdown--nubbin-top.nds-dropdown--right:after {
  left: auto;
  right: 1.5rem;
  margin-left: 0;
}

.nds-dropdown__header {
  padding: 0.5rem 0.75rem;
}

.nds-dropdown__item {
  line-height: 1.5;
  /**
   * @summary If menu contains menuitemcheckbox then this toggles the selected icon when it is selected
   * @selector .nds-icon_selected
   * @restrict .nds-dropdown__item svg
   */
  /**
   * @summary If menu contains menuitemcheckbox then this handles the selected states
   * @selector .nds-is-selected
   * @restrict .nds-dropdown__item
   * @modifier
   */
}

.nds-dropdown__item > a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 0.5rem 0.75rem;
  color: #1b1b1b;
  white-space: nowrap;
  cursor: pointer;
}

.nds-dropdown__item > a:hover, .nds-dropdown__item > a:focus {
  outline: 0;
  text-decoration: none;
  background-color: #fafaf9;
}

.nds-dropdown__item > a:active {
  text-decoration: none;
  background-color: #f3f2f2;
}

.nds-dropdown__item > a[aria-disabled=true] {
  color: #dddbda;
  cursor: default;
}

.nds-dropdown__item > a[aria-disabled=true]:hover {
  background-color: transparent;
}

.nds-dropdown__item .nds-icon_selected,
.nds-dropdown__item .nds-icon--selected {
  opacity: 0;
  transition: opacity 0.05s ease;
}

.nds-dropdown__item.nds-is-selected .nds-icon_selected, .nds-dropdown__item.nds-is-selected .nds-icon--selected {
  opacity: 1;
}

.nds-dropdown .nds-has-icon {
  position: relative;
}

.nds-dropdown .nds-has-icon_left > a, .nds-dropdown .nds-has-icon--left > a, .nds-dropdown .nds-has-icon_left > span, .nds-dropdown .nds-has-icon--left > span {
  padding-left: 2rem;
}

.nds-dropdown .nds-has-icon_right > a, .nds-dropdown .nds-has-icon--right > a, .nds-dropdown .nds-has-icon_right > span, .nds-dropdown .nds-has-icon--right > span {
  padding-right: 2rem;
}

.nds-dropdown .nds-has-icon_left-right > a, .nds-dropdown .nds-has-icon--left-right > a, .nds-dropdown .nds-has-icon_left-right > span, .nds-dropdown .nds-has-icon--left-right > span {
  padding-left: 2rem;
  padding-right: 2rem;
}

.nds-dropdown .nds-has-icon .nds-icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  fill: #706e6b;
}

.nds-dropdown .nds-has-icon .nds-icon_left, .nds-dropdown .nds-has-icon .nds-icon--left {
  left: 0.75rem;
}

.nds-dropdown .nds-has-icon .nds-icon_right, .nds-dropdown .nds-has-icon .nds-icon--right {
  right: 0.75rem;
}

.nds-dropdown_actions a,
.nds-dropdown--actions a {
  color: #0070d2;
}

/**
 * @name base
 * @selector .nds-combobox-picklist
 * @restrict div
 * @variant
 * @s1 false
 */
.nds-picklist {
  position: relative;
  /**
   * Resets explicit width on picklist to be fluid to its parent element
   *
   * @selector .nds-picklist_fluid
   * @restrict .nds-picklist
   * @modifier
   */
}

.nds-picklist .nds-dropdown {
  width: 15rem;
}

.nds-picklist li {
  /**
   * Set default state of icon for when a listbox option is selected
   *
   * @selector .nds-icon_selected
   * @restrict .nds-picklist li svg
   * @required
   */
  /**
   * Toggles state of icon for when a listbox option is selected
   *
   * @selector .nds-is-selected
   * @restrict .nds-picklist li
   * @modifier
   * @required
   */
}

.nds-picklist li .nds-icon_selected,
.nds-picklist li .nds-icon--selected {
  opacity: 0;
  transition: opacity 0.05s ease;
}

.nds-picklist li.nds-is-selected .nds-icon_selected, .nds-picklist li.nds-is-selected .nds-icon--selected {
  fill: #0070d2;
  opacity: 1;
}

.nds-picklist_fluid .nds-picklist__input,
.nds-picklist_fluid .nds-picklist__label,
.nds-picklist_fluid .nds-dropdown,
.nds-picklist_fluid .nds-lookup, .nds-picklist--fluid .nds-picklist__input,
.nds-picklist--fluid .nds-picklist__label,
.nds-picklist--fluid .nds-dropdown,
.nds-picklist--fluid .nds-lookup {
  width: auto;
  min-width: 0;
  max-width: 15rem;
}

/**
 * Read-only input element for picklist
 *
 * @selector .nds-picklist__input
 * @restrict .nds-picklist .nds-form-element__control
 * @required
 */
.nds-picklist__input {
  width: 15rem;
}

.nds-picklist__input .nds-button {
  line-height: 0;
}

.nds-picklist__label {
  padding-right: 2rem;
  width: 15rem;
  color: #1b1b1b;
  text-align: left;
}

.nds-picklist__label .nds-icon {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.375rem;
  fill: #706e6b;
}

.nds-picklist__label .nds-truncate {
  display: block;
}

/**
 * @summary Container that manages layout when a listbox of pill options sit next to a combobox search input
 *
 * @name base
 * @selector .nds-combobox_container
 * @restrict div
 * @variant
 */
.nds-combobox_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  /**
   * Opens listbox dropdown
   *
   * @selector .nds-is-open
   * @restrict .nds-combobox
   * @modifier
   */
}

.nds-combobox_container.nds-is-open .nds-dropdown {
  display: block;
}

/**
 * Container around form element with combobox input
 *
 * @selector .nds-combobox
 * @restrict .nds-combobox_container > div
 */
.nds-combobox {
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

/**
 * Form element with combobox input
 *
 * @selector .nds-combobox__form-element
 * @restrict .nds-combobox > div
 */
.nds-combobox__form-element {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

[role=combobox] input[readonly] {
  padding-left: 0.75rem;
  border-color: #7f7f7f;
  background-color: #fff;
  font-size: inherit;
  font-weight: 400;
}

[role=combobox] input[readonly]:focus {
  border-color: #7f7f7f;
}

/**
 * Listbox container
 *
 * @selector .nds-listbox
 * @restrict ul
 */
.nds-listbox {
  font-size: 0.8125rem;
}

/**
 * Inline listbox
 *
 * @selector .nds-listbox_inline
 * @restrict .nds-listbox
 * @modifier
 */
.nds-listbox_inline,
.nds-listbox--inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-align: center;
      align-items: center;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.nds-listbox_inline li,
.nds-listbox--inline li {
  display: -ms-flexbox;
  display: flex;
}

.nds-listbox_inline li + li,
.nds-listbox--inline li + li {
  padding-left: 0.125rem;
}

/**
 * Horizontal listbox
 *
 * @selector .nds-listbox_horizontal
 * @restrict .nds-listbox
 * @modifier
 */
.nds-listbox_horizontal,
.nds-listbox--horizontal {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.nds-listbox_horizontal li + li,
.nds-listbox--horizontal li + li {
  padding-left: 0.125rem;
}

/**
 * Display Flex
 * @selector .display-flex
 * @selector .display-flex .nds-listbox-item
 * @selector .display-flex .nds-pill__label
 * @modifier
 */
.nds-listbox__flex {
  display: -ms-flexbox;
  display: flex;
}

.nds-listbox__flex .nds-listbox-item {
  overflow: hidden;
}

.nds-listbox__flex .nds-pill__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
 * Choosable option within listbox
 *
 * @selector .nds-listbox__option
 * @restrict .nds-listbox__item > span
 */
.nds-listbox__option:hover {
  cursor: pointer;
}

.nds-listbox__option:focus {
  outline: 0;
}

.nds-listbox__option .nds-truncate {
  display: inline-block;
  vertical-align: middle;
}

/**
 * Creates a vertical listbox
 *
 * @selector .nds-listbox_vertical
 * @restrict .nds-listbox
 * @modifier
 */
.nds-listbox_vertical,
.nds-listbox--vertical {
  /**
   * Focus state of a vertical listbox option
   *
   * @selector .nds-has-focus
   * @restrict .nds-listbox__option
   * @modifier
   */
  /**
   * Modifies the listbox option if it contains an plain object or string
   *
   * @selector .nds-listbox__option_plain
   * @restrict .nds-listbox__option
   */
  /**
   * Modifies the listbox option if it contains an entity object
   *
   * @selector .nds-listbox__option_entity
   * @restrict .nds-listbox__option
   */
  /**
   * If the listbox option has metadata or secondary information that sits below its primary text
   *
   * @selector .nds-listbox__option_has-meta
   * @restrict .nds-listbox__option
   */
}

.nds-listbox_vertical .nds-listbox__option:focus,
.nds-listbox_vertical .nds-listbox__option:hover,
.nds-listbox_vertical .nds-listbox__option.nds-has-focus,
.nds-listbox--vertical .nds-listbox__option:focus,
.nds-listbox--vertical .nds-listbox__option:hover,
.nds-listbox--vertical .nds-listbox__option.nds-has-focus {
  background-color: #fafaf9;
  text-decoration: none;
}

.nds-listbox_vertical .nds-listbox__option[role=presentation]:hover,
.nds-listbox--vertical .nds-listbox__option[role=presentation]:hover {
  background-color: transparent;
  cursor: default;
}

.nds-listbox_vertical .nds-listbox__option_plain,
.nds-listbox_vertical .nds-listbox__option--plain,
.nds-listbox--vertical .nds-listbox__option_plain,
.nds-listbox--vertical .nds-listbox__option--plain {
  padding: 0.5rem 0.75rem;
}

.nds-listbox_vertical .nds-listbox__option_entity,
.nds-listbox_vertical .nds-listbox__option--entity,
.nds-listbox--vertical .nds-listbox__option_entity,
.nds-listbox--vertical .nds-listbox__option--entity {
  padding: 0.25rem 0.75rem;
}

.nds-listbox_vertical .nds-listbox__option_entity .nds-media__figure,
.nds-listbox_vertical .nds-listbox__option--entity .nds-media__figure,
.nds-listbox--vertical .nds-listbox__option_entity .nds-media__figure,
.nds-listbox--vertical .nds-listbox__option--entity .nds-media__figure {
  margin-right: 0.5rem;
}

.nds-listbox_vertical .nds-listbox__option_has-meta .nds-media__figure,
.nds-listbox_vertical .nds-listbox__option--has-meta .nds-media__figure,
.nds-listbox--vertical .nds-listbox__option_has-meta .nds-media__figure,
.nds-listbox--vertical .nds-listbox__option--has-meta .nds-media__figure {
  margin-top: 0.25rem;
}

[class*=nds-input-has-icon_left] .nds-combobox__input[value],
[class*=nds-input-has-icon--left] .nds-combobox__input[value] {
  padding-left: 2.25rem;
}

/**
 * If readonly selection is an entity, use this class
 *
 * @selector .nds-combobox__input-entity-icon
 * @restrict .nds-combobox__form-element span
 */
.nds-combobox__input-entity-icon {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: calc(0.25rem + 1px);
  transform: translateY(-50%);
}

.nds-combobox__input-entity-icon .nds-icon {
  width: 1.25rem;
  height: 1.25rem;
}

/**
 * Icon that is a direct sibling of a combobox container. This is not the same as an input icon.
 *
 * @selector .nds-combobox_container__icon
 * @restrict .nds-combobox_container svg
 */
.nds-combobox_container__icon {
  color: #b0adab;
}

/**
 * The icon within a plain listbox that indicates if an option has been selected or not.
 *
 * @selector .nds-listbox__icon-selected
 * @restrict .nds-listbox__item svg
 */
.nds-listbox__icon-selected {
  opacity: 0;
  fill: #0070d2;
}

/**
 * Modifier that makes selected icon visible
 *
 * @selector .nds-is-selected
 * @restrict .nds-listbox__option
 * @modifier
 */
.nds-listbox__option.nds-is-selected .nds-listbox__icon-selected {
  opacity: 1;
}

/**
 * The main text of an entity listbox
 *
 * @selector .nds-listbox__option-text_entity
 * @restrict .nds-listbox__option span
 */
.nds-listbox__option-text_entity,
.nds-listbox__option-text--entity {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-bottom: 0.125rem;
}

/**
 * The metadata or secondary text of an entity listbox
 *
 * @selector .nds-listbox__option-meta_entity
 * @restrict .nds-listbox__option span
 */
.nds-listbox__option-meta_entity,
.nds-listbox__option-meta--entity {
  display: block;
  margin-top: -0.25rem;
  color: #1b1b1b;
}

.nds-listbox_object-switcher,
.nds-listbox--object-switcher {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.125rem;
}

/**
 * If combo has a selection model that requires a listbox of pills to be displayed
 * inside of a combobox
 *
 * @selector .nds-has-inline-listbox
 * @restrict .nds-combobox_container
 */
.nds-has-inline-listbox,
.nds-has-object-switcher {
  -ms-flex-direction: row;
      flex-direction: row;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #dddbda;
  /**
   * Input field within a combobox
   *
   * @selector .nds-combobox__input
   * @restrict .nds-combobox input
   */
  /**
   * Modifier to the combobox when an SVG icon sits adjacent to the combobox form element
   *
   * @selector .nds-has-icon_left
   * @restrict .nds-combobox
   */
}

.nds-has-inline-listbox .nds-combobox__input,
.nds-has-object-switcher .nds-combobox__input {
  min-height: 1.625rem;
  line-height: 1.625rem;
  border: 0;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.nds-has-inline-listbox .nds-combobox__input:focus, .nds-has-inline-listbox .nds-combobox__input:active,
.nds-has-object-switcher .nds-combobox__input:focus,
.nds-has-object-switcher .nds-combobox__input:active {
  outline: 0;
  box-shadow: none;
}

.nds-has-inline-listbox .nds-listbox_object-switcher ~ .nds-listbox_inline,
.nds-has-inline-listbox .nds-listbox--object-switcher ~ .nds-listbox--inline,
.nds-has-inline-listbox .nds-combobox_container__icon ~ .nds-listbox_inline,
.nds-has-inline-listbox .nds-combobox_container__icon ~ .nds-listbox--inline,
.nds-has-object-switcher .nds-listbox_object-switcher ~ .nds-listbox_inline,
.nds-has-object-switcher .nds-listbox--object-switcher ~ .nds-listbox--inline,
.nds-has-object-switcher .nds-combobox_container__icon ~ .nds-listbox_inline,
.nds-has-object-switcher .nds-combobox_container__icon ~ .nds-listbox--inline {
  margin-left: 0.5rem;
}

.nds-has-inline-listbox.nds-has-icon_left,
.nds-has-object-switcher.nds-has-icon_left {
  padding-left: 2.25rem;
  /**
   * SVG icon that sits adjacent to the combobox form element
   *
   * @selector .nds-combobox_container__icon
   * @restrict .nds-combobox_container svg
   */
}

.nds-has-inline-listbox.nds-has-icon_left .nds-combobox_container__icon,
.nds-has-object-switcher.nds-has-icon_left .nds-combobox_container__icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 1.125rem;
  top: 50%;
  margin-top: -0.5rem;
}

.nds-has-inline-listbox [role=listbox] {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.nds-has-inline-listbox .nds-combobox__input[value] {
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px #dddbda inset;
}

/**
 * @summary Container that manages layout when a listbox of pill options sit next to a combobox search input
 *
 * @name readonly
 * @selector [readonly]
 * @restrict .nds-combobox_container input
 * @variant
 */
.nds-has-error [role=combobox] input[readonly] {
  background-color: #fff;
  border-color: #e71313;
  background-clip: padding-box;
  box-shadow: none;
}

/**
 * A dueling picklist inherits styles from the listbox component
 * @summary Initializes a dueling picklist
 *
 * @name base
 * @selector .nds-dueling-list
 * @restrict div
 * @variant
 */
.nds-dueling-list {
  display: -ms-flexbox;
  display: flex;
}

/**
 * @summary Handles the layout of the dueling picklist
 *
 * @selector .nds-dueling-list__column
 * @restrict .nds-dueling-list div
 */
.nds-dueling-list__column {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.nds-dueling-list__column .nds-button {
  margin: 0.25rem;
}

.nds-dueling-list__column .nds-button:first-of-type {
  margin-top: 1.5rem;
}

.nds-dueling-list__column [aria-disabled=true] {
  background-color: #ecebea;
  border: 1px solid #7f7f7f;
  color: #706e6b;
}

.nds-dueling-list__column [aria-disabled=true]:hover {
  cursor: not-allowed;
}

.nds-dueling-list__column [aria-disabled=true] .nds-listbox__option:hover {
  cursor: not-allowed;
  background-color: transparent;
}

.nds-dueling-list__column [aria-disabled=true] .nds-listbox__option:focus {
  background-color: transparent;
}

/**
 * @summary Bounding visual container for listbox of options
 *
 * @selector .nds-dueling-list__options
 * @restrict .nds-dueling-list div
 */
.nds-dueling-list__options,
.nds-picklist__options {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  padding: 0.25rem 0;
  width: 15rem;
  height: 15rem;
  background-color: #fff;
  overflow: auto;
}

.nds-dueling-list__options [aria-selected=true],
.nds-picklist__options [aria-selected=true] {
  background-color: #003da5;
  color: #fff;
}

.nds-dueling-list__options [aria-selected=true]:hover, .nds-dueling-list__options [aria-selected=true]:focus,
.nds-picklist__options [aria-selected=true]:hover,
.nds-picklist__options [aria-selected=true]:focus {
  background: #ff6d00;
  color: #fff;
}

.nds-picklist_draggable,
.nds-picklist--draggable {
  display: -ms-flexbox;
  display: flex;
}

.nds-picklist_draggable .nds-button,
.nds-picklist--draggable .nds-button {
  margin: 0.25rem;
}

.nds-picklist_draggable .nds-button:first-of-type,
.nds-picklist--draggable .nds-button:first-of-type {
  margin-top: 1.5rem;
}

.nds-picklist__item {
  position: relative;
  line-height: 1.5;
}

.nds-picklist__item > a,
.nds-picklist__item > span {
  display: block;
  padding: 0.5rem 0.75rem;
}

.nds-picklist__item > a:hover,
.nds-picklist__item > span:hover {
  background-color: #fafaf9;
  cursor: pointer;
}

.nds-picklist__item > a:active,
.nds-picklist__item > span:active {
  background-color: #f3f2f2;
}

.nds-picklist__item[aria-selected=true] {
  background-color: #f3f2f2;
}

/**
 * @summary Initiates a datepicker component
 *
 * @name base
 * @selector .nds-datepicker
 * @restrict div
 * @variant
 */
.nds-datepicker {
  padding: 0;
  font-size: 0.75rem;
  /**
   * @summary Aligns filter items horizontally
   *
   * @selector .nds-datepicker__filter
   * @restrict .nds-datepicker div
   */
  /**
   * @summary Spaces out month filter
   *
   * @selector .nds-datepicker__month_filter
   * @restrict .nds-datepicker div
   */
  /**
   * @summary Container of the month table
   *
   * @selector .nds-datepicker__month
   * @restrict .nds-datepicker table
   */
}

.nds-datepicker th,
.nds-datepicker td {
  text-align: center;
}

.nds-datepicker th {
  padding: 0.5rem;
  font-weight: 400;
  color: #1b1b1b;
}

.nds-datepicker td {
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  /**
   * @summary Style for calendar days
   *
   * @selector .nds-day
   * @restrict .nds-datepicker td span
   */
  /**
   * @summary Indicates today
   *
   * @selector .nds-is-today
   * @restrict .nds-datepicker td
   */
  /**
   * @summary Indicates selected days
   *
   * @selector .nds-is-selected
   * @restrict .nds-datepicker td
   */
}

.nds-datepicker td > .nds-day {
  width: 2rem;
  height: 2rem;
  display: block;
  position: relative;
  min-width: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  margin: auto;
}

.nds-datepicker td:hover:not(.nds-disabled-text) > .nds-day, .nds-datepicker td:focus:not(.nds-disabled-text) > .nds-day, .nds-datepicker td.nds-is-today > .nds-day {
  background: #fafaf9;
  cursor: pointer;
}

.nds-datepicker td:focus {
  outline: 0;
}

.nds-datepicker td:focus > .nds-day {
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-datepicker td.nds-is-selected:not(.nds-is-today) > .nds-day {
  background: #ff6d00;
  color: #fff;
}

.nds-datepicker td.nds-is-selected:focus > .nds-day {
  background: #fafaf9;
  box-shadow: #0070d2 0 0 3px;
  color: currentColor;
}

.nds-datepicker__filter {
  padding: 0.25rem;
}

.nds-datepicker__filter .nds-select {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1.8rem;
}

.nds-datepicker__filter_month, .nds-datepicker__filter--month {
  padding: 0 0.25rem 0 0;
}

.nds-datepicker__filter_month .nds-button__icon, .nds-datepicker__filter--month .nds-button__icon {
  transform: rotate(0);
}

.nds-datepicker__month {
  font-size: 0.75rem;
}

.nds-datepicker .nds-dropdown-trigger_click:focus {
  outline: none;
}

.nds-datepicker input[type=date] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

/**
 * @summary Indicates days that are in previous/next months
 *
 * @selector .nds-disabled-text
 * @restrict .nds-datepicker td
 */
.nds-disabled-text {
  color: #dddbda;
  pointer-events: none;
}

.nds-datepicker {
  /**
   * If you desire a multi-select date range, the selected cell will need to have
   * `.nds-is-selected-multi` applied to the `<td>`.
   *
   * If you are selecting multiple dates within the same week, the class `nds-has-multi-selection`
   * should be added to the `<tr>`.
   *
   * If you are selecting multiple dates spanning over two or more weeks, you will
   * need to add the class `.nds-has-multi-row-selection` to each `<tr>` that has
   * selected dates.
   *
   * @summary Class on row to notify that more than one date will be selected within the week
   *
   * @name range
   * @selector .nds-has-multi-selection
   * @restrict .nds-datepicker tr
   * @variant
   */
  /**
   * @summary Class on row to notify that more than one date will be selected with multiple weeks
   *
   * @selector .nds-has-multi-row-selection
   * @restrict .nds-datepicker tr
   */
  /**
   * @summary Indicates if the selected days are apart of a date range
   *
   * @selector .nds-is-selected-multi
   * @restrict .nds-datepicker td
   */
}

.nds-datepicker .nds-has-multi-selection .nds-is-selected-multi:last-child > .nds-day:after {
  left: auto;
  right: 0;
  transform: translateX(0.25rem);
}

.nds-datepicker .nds-has-multi-row-selection .nds-is-selected-multi:first-child > .nds-day:before,
.nds-datepicker .nds-has-multi-row-selection .nds-is-selected-multi:last-child > .nds-day:after {
  content: "";
  position: absolute;
  background: #ff6d00;
  top: 0;
  left: -50%;
  height: 100%;
  width: 2.5rem;
  transform: translateX(-0.5rem);
  z-index: -1;
}

.nds-datepicker .nds-has-multi-row-selection .nds-is-selected-multi:first-child > .nds-day:before {
  left: 0;
  transform: translateX(-0.25rem);
}

.nds-datepicker .nds-has-multi-row-selection .nds-is-selected-multi:last-child > .nds-day:after {
  left: auto;
  right: 0;
  transform: translateX(0.25rem);
}

.nds-datepicker td.nds-is-selected-multi > .nds-day {
  overflow: visible;
}

.nds-datepicker td.nds-is-selected-multi + .nds-is-selected-multi > .nds-day:before {
  content: "";
  position: absolute;
  background: #ff6d00;
  top: 0;
  left: -50%;
  height: 100%;
  width: 2.5rem;
  transform: translateX(-0.5rem);
  z-index: -1;
}

/**
 * A timepicker is used to select a single time. The component is using the combobox
 * HTML structure.
 *
 * @summary Initializes a timepicker
 *
 * @name base
 * @selector .nds-timepicker
 * @restrict div
 * @variant
 */
.nds-datepicker_time,
.nds-datepicker--time {
  max-width: 12rem;
  max-height: 13.5rem;
  overflow: hidden;
  overflow-y: auto;
}

.nds-datepicker_time__list > li,
.nds-datepicker--time__list > li {
  white-space: nowrap;
  padding: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.nds-datepicker_time__list > li:hover, .nds-datepicker_time__list > li:focus,
.nds-datepicker--time__list > li:hover,
.nds-datepicker--time__list > li:focus {
  background: #fafaf9;
  text-decoration: none;
  cursor: pointer;
}

/**
 * Intializes docked composer container window
 *
 * @selector .nds-docked_container
 * @restrict div
 */
.nds-docked_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0 1.5rem;
  height: 2.5rem;
}

/**
 * @variant
 * @name base
 * @selector .nds-docked-composer
 * @restrict section, div
 * @support dev-ready
 */
.nds-docked-composer {
  position: relative;
  border-radius: 0.25rem 0.25rem 0 0;
  width: 480px;
  height: 2.5rem;
  float: left;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #dddbda;
  border-bottom: none;
  background-color: #fff;
  /**
   * @selector .nds-has-focus
   * @restrict .nds-docked-composer
   * @modifier
   * @group interaction
   */
  /**
   * @selector .nds-is-open
   * @restrict .nds-docked-composer
   * @modifier
   * @group visibility
   */
  /**
   * @selector .nds-is-closed
   * @restrict .nds-docked-composer
   * @modifier
   * @group visibility
   */
  /**
   * Bar at the top of the composer that contains actionable items to invoke,
   * such as minimizing, popping out the composer and removing the composer.
   *
   * @selector .nds-docked-composer__header
   * @restrict .nds-docked-composer header
   */
  /**
   * Primary area within docked composer that contains specific task
   *
   * @selector .nds-docked-composer__body
   * @restrict .nds-docked-composer div
   */
  /**
   * @selector .nds-docked-composer__body_form
   * @restrict .nds-docked-composer__body
   */
  /**
   * Within the docked composer body, the lead is the first region
   *
   * @selector .nds-docked-composer__lead
   * @restrict .nds-docked-composer div
   */
  /**
   * @selector .nds-docked-composer__toolbar
   * @restrict .nds-docked-composer div
   */
  /**
   * Bar at the bottom of the composer that contains actionable items to
   * invoke, such as saving, associating relationships and adding content.
   *
   * @selector .nds-docked-composer__footer
   * @restrict .nds-docked-composer footer
   */
  /**
   * When the number of docked composer exceed the width of the viewport, this class modifies the docked composer styles
   *
   * @selector .nds-docked-composer_overflow
   * @restrict .nds-docked-composer
   * @required
   */
}

.nds-docked-composer.nds-has-focus {
  box-shadow: 0 0 4px 2px #1589ee;
}

.nds-docked-composer.nds-is-open {
  height: 480px;
}

.nds-docked-composer.nds-is-closed {
  height: 2.5rem;
}

.nds-docked-composer.nds-is-closed .nds-docked-composer__body,
.nds-docked-composer.nds-is-closed .nds-docked-composer__footer {
  display: none;
}

.nds-docked-composer + .nds-docked-composer {
  margin-left: 1.5rem;
}

.nds-docked-composer__header {
  background: #fff;
  border-bottom: 2px solid #1589ee;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.5rem 0.75rem;
}

.nds-docked-composer__actions .nds-button {
  margin-left: 0.75rem;
}

.nds-docked-composer__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

.nds-docked-composer__body_form, .nds-docked-composer__body--form {
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 1rem;
}

.nds-docked-composer__lead {
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 1rem 0.5rem;
}

.nds-docked-composer__toolbar {
  background: #fafaf9;
  padding: 0.25rem 0.5rem;
  max-height: 60px;
  overflow-y: auto;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}

.nds-docked-composer__input {
  background: #fff;
  padding: 1rem;
  min-height: 6rem;
  resize: none;
  line-height: 1.5;
  overflow: hidden;
  overflow-y: auto;
}

.nds-docked-composer__footer {
  display: -ms-flexbox;
  display: flex;
  background: #fafaf9;
  padding: 0.75rem 0.5rem;
  border-top: 1px solid #dddbda;
}

.nds-docked-composer_overflow, .nds-docked-composer--overflow {
  width: auto;
}

.nds-docked-composer_overflow__button, .nds-docked-composer--overflow__button {
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 0 0.75rem;
  height: inherit;
  white-space: nowrap;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nds-docked-composer_overflow__pill, .nds-docked-composer--overflow__pill {
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.75rem;
  height: inherit;
  white-space: nowrap;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.nds-docked-composer_overflow__pill:hover, .nds-docked-composer_overflow__pill:focus, .nds-docked-composer--overflow__pill:hover, .nds-docked-composer--overflow__pill:focus {
  color: #fff;
  text-decoration: none;
}

.nds-docked-composer_overflow__pill .nds-text-body_small,
.nds-docked-composer_overflow__pill .nds-text-body--small, .nds-docked-composer--overflow__pill .nds-text-body_small,
.nds-docked-composer--overflow__pill .nds-text-body--small {
  color: #fff;
  margin-left: 0.5rem;
}

.nds-docked-composer-modal .nds-modal__content {
  border-radius: 0.25rem;
}

.nds-docked-composer-modal .nds-docked-composer {
  width: 100%;
  height: 100%;
  border: 0;
}

/**
 * @summary Initiazes email composer inside of a docked composer
 *
 * @selector .nds-email-composer
 * @restrict .nds-docked-composer__body div
 */
.nds-email-composer {
  position: relative;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.nds-email-composer .nds-rich-text-editor {
  border: 0;
  border-top: 1px solid #dddbda;
  border-radius: 0;
}

/**
 * @summary Modifier combobox when used inside of email composer
 *
 * @selector .nds-email-composer__combobox
 * @restrict .nds-email-composer div
 */
.nds-email-composer__combobox {
  padding-left: 3rem;
  border: 0;
  border-bottom: 1px solid #dddbda;
  border-radius: 0;
}

.nds-email-composer__combobox .nds-form-element__label {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.nds-email-composer__combobox .nds-combobox_container {
  border: 0;
}

/**
 * @summary Provides styles for recipient labels inside of email composer
 *
 * @selector .nds-email-composer__recipient
 * @restrict .nds-email-composer label
 */
.nds-email-composer__recipient {
  position: absolute;
  top: 0;
  right: 0.75rem;
}

/**
 * Fixed bar at the bottom of viewport, contains items
 *
 * @name base
 * @selector .nds-utility-bar_container
 * @restrict footer
 * @support dev-ready
 * @variant
 */
.nds-utility-bar_container {
  position: relative;
}

/**
 * Fixed bar at the bottom of viewport, contains items
 *
 * @selector .nds-utility-bar
 * @restrict .nds-utility-bar_container ul
 */
.nds-utility-bar {
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2.5rem;
  background: #fff;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
  z-index: 4;
  /**
   * Notification indicator
   *
   * @selector .nds-indicator_unread
   * @restrict .nds-utility-bar abbr
   */
}

.nds-utility-bar .nds-indicator_unread,
.nds-utility-bar .nds-indicator--unread {
  background: #d4504c;
  top: 0.5rem;
}

/**
 * Items that invoke specific utility bar panel
 *
 * @selector .nds-utility-bar__item
 * @restrict .nds-utility-bar li
 */
.nds-utility-bar__item {
  display: -ms-flexbox;
  display: flex;
  margin-right: 1px;
}

/**
 * Button that invokes utility panel
 *
 * @selector .nds-utility-bar__action
 * @restrict .nds-utility-bar button
 */
.nds-utility-bar__action {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 0.75rem;
  border-radius: 0;
  border: 0;
  color: #1b1b1b;
  /**
   * @selector .nds-is-active
   * @restrict .nds-utility-bar__action
   * @modifier
   */
}

.nds-utility-bar__action:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
}

.nds-utility-bar__action:focus, .nds-utility-bar__action:hover {
  box-shadow: none;
}

.nds-utility-bar__action:focus:after {
  height: 3px;
  background: #003da5;
}

.nds-utility-bar__action:hover, .nds-utility-bar__action:focus {
  background: #ecebea;
  color: inherit;
}

.nds-utility-bar__action.nds-is-active {
  background: #ecebea;
  color: inherit;
}

.nds-utility-bar__action.nds-is-active:after {
  background: #003da5;
}

/**
 * Container for utility bar item text, allows for multi-line text output
 *
 * @selector .nds-utility-bar__text
 * @restrict .nds-utility-bar__action > span
 */
.nds-utility-bar__text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  line-height: 1;
  text-align: left;
}

/**
 * Creates styles for a utility bar item when it has a notification within its panel
 *
 * @selector .nds-has-notification
 * @restrict .nds-utility-bar__item
 */
.nds-has-notification .nds-utility-bar__action {
  background: #706e6b;
  color: #fff;
}

.nds-has-notification .nds-utility-bar__action:hover, .nds-has-notification .nds-utility-bar__action:focus {
  background: #16325c;
}

.nds-has-notification .nds-utility-bar__action:focus:after {
  background: #c9c7c5;
}

/**
 * Container of the utility panel
 *
 * @selector .nds-utility-panel
 * @restrict .nds-utility-bar_container section
 */
.nds-utility-panel {
  position: fixed;
  bottom: 1.875rem;
  width: 21.25rem;
  height: 30rem;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid #dddbda;
  border-bottom: none;
  background: #fff;
  transform: translateY(100%);
  /**
   * @selector .nds-is-open
   * @restrict .nds-utility-panel
   * @modifier
   */
  /**
   * Header that contains an icon, title and panel actions such as minimizing the panel
   *
   * @selector .nds-utility-panel__header
   * @restrict header
   */
  /**
   * Area that contains the utility panel feature
   *
   * @selector .nds-utility-panel__body
   * @restrict div
   */
}

.nds-utility-panel.nds-is-open {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.16);
  transform: translateY(0);
}

.nds-utility-panel__header {
  background: #fff;
  border-bottom: 2px solid #1589ee;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.5rem 0.75rem;
}

.nds-utility-panel__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto;
}

/**
 * Container that fixes the global header to the top of the viewport,
 * contains global header element
 *
 * @name base
 * @selector .nds-global-header_container
 * @restrict header
 * @variant
 */
.nds-global-header_container {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.nds-global-header_container .nds-assistive-text_focus,
.nds-global-header_container .nds-assistive-text--focus {
  background: #fff;
  top: 0;
}

/**
 * @selector .nds-global-header
 * @restrict .nds-global-header_container div
 */
.nds-global-header {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  padding: 0.5rem 0;
  height: 3.125rem;
  -ms-flex-align: center;
      align-items: center;
  /**
   * A region within the global header
   *
   * @selector .nds-global-header__item
   * @restrict .nds-global-header div, .nds-global-header ul
   */
  /**
   * Region that contains the search input, handles sizing
   *
   * @selector .nds-global-header__item_search
   * @restrict .nds-global-header__item:nth-child(2)
   */
  /**
   * Container of the global header logo
   *
   * @selector .nds-global-header__logo
   * @restrict .nds-global-header__item div
   * @required
   */
  /**
   * Button icons on the global header
   *
   * @selector .nds-global-header__button_icon
   * @restrict .nds-global-header__item button
   * @required
   */
  /**
   * Button icon specifically for global actions
   *
   * @selector .nds-global-header__button_icon-actions
   * @restrict .nds-global-header__item button
   * @required
   */
  /**
   * Button icon specifically for global actions
   *
   * @selector .nds-global-header__button_icon-favorites
   * @restrict .nds-global-header__item button
   * @required
   */
  /**
   * Deal with sizing for global header icons
   *
   * @selector .global-header__icon
   * @restrict .nds-global-header__item svg
   * @required
   */
}

.nds-global-header__item {
  padding: 0 1rem;
}

.nds-global-header__item_search, .nds-global-header__item--search {
  -ms-flex: 0 1 27.5rem;
      flex: 0 1 27.5rem;
  padding: 0;
}

.nds-global-header__item_search .nds-input, .nds-global-header__item--search .nds-input {
  padding-left: 3rem;
}

.nds-global-header__item_search .nds-input__icon_left,
.nds-global-header__item_search .nds-input__icon--left, .nds-global-header__item--search .nds-input__icon_left,
.nds-global-header__item--search .nds-input__icon--left {
  left: 1.25rem;
}

.nds-global-header__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.8125rem;
}

.nds-global-header__button_icon, .nds-global-header__button--icon {
  margin: 0 0.25rem;
  color: #b0adab;
}

.nds-global-header__button_icon .nds-icon, .nds-global-header__button--icon .nds-icon {
  fill: #b0adab;
}

.nds-global-header__button_icon:hover:not(:disabled), .nds-global-header__button_icon:focus, .nds-global-header__button--icon:hover:not(:disabled), .nds-global-header__button--icon:focus {
  color: #005fb2;
}

.nds-global-header__button_icon:hover:not(:disabled) .nds-icon, .nds-global-header__button_icon:focus .nds-icon, .nds-global-header__button--icon:hover:not(:disabled) .nds-icon, .nds-global-header__button--icon:focus .nds-icon {
  fill: #005fb2;
}

.nds-global-header__button_icon-actions, .nds-global-header__button--icon-actions {
  background: #b0adab;
  border-radius: 0.25rem;
  color: #fff;
}

.nds-global-header__button_icon-actions:hover, .nds-global-header__button_icon-actions:focus, .nds-global-header__button--icon-actions:hover, .nds-global-header__button--icon-actions:focus {
  background-color: #005fb2;
  color: #fff;
}

.nds-global-header__button_icon-favorites, .nds-global-header__button--icon-favorites {
  color: #fff;
  /**
   * Selected state for favorites button
   *
   * @selector .nds-is-selected
   * @restrict .nds-global-header__button_icon-favorites
   * @modifier
   * @group stateful
   */
  /**
   * Disabled state for favorites button
   *
   * @selector .nds-is-disabled
   * @restrict .nds-global-header__button_icon-favorites
   * @modifier
   */
}

.nds-global-header__button_icon-favorites .nds-icon,
.nds-global-header__button_icon-favorites .nds-button__icon, .nds-global-header__button--icon-favorites .nds-icon,
.nds-global-header__button--icon-favorites .nds-button__icon {
  color: #fff;
  stroke: #b0adab;
  stroke-width: 2px;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.nds-global-header__button_icon-favorites:hover .nds-icon, .nds-global-header__button_icon-favorites:hover .nds-button__icon, .nds-global-header__button_icon-favorites:focus .nds-icon, .nds-global-header__button_icon-favorites:focus .nds-button__icon, .nds-global-header__button--icon-favorites:hover .nds-icon, .nds-global-header__button--icon-favorites:hover .nds-button__icon, .nds-global-header__button--icon-favorites:focus .nds-icon, .nds-global-header__button--icon-favorites:focus .nds-button__icon {
  color: #fff;
  stroke: #0070d2;
}

.nds-global-header__button_icon-favorites:active .nds-icon, .nds-global-header__button_icon-favorites:active .nds-button__icon, .nds-global-header__button--icon-favorites:active .nds-icon, .nds-global-header__button--icon-favorites:active .nds-button__icon {
  stroke: #16325c;
}

.nds-global-header__button_icon-favorites.nds-is-selected .nds-icon,
.nds-global-header__button_icon-favorites.nds-is-selected .nds-button__icon, .nds-global-header__button--icon-favorites.nds-is-selected .nds-icon,
.nds-global-header__button--icon-favorites.nds-is-selected .nds-button__icon {
  color: #0070d2;
  stroke: #0070d2;
  stroke-width: 1px;
}

.nds-global-header__button_icon-favorites.nds-is-selected:hover .nds-icon, .nds-global-header__button_icon-favorites.nds-is-selected:hover .nds-button__icon, .nds-global-header__button_icon-favorites.nds-is-selected:focus .nds-icon, .nds-global-header__button_icon-favorites.nds-is-selected:focus .nds-button__icon, .nds-global-header__button--icon-favorites.nds-is-selected:hover .nds-icon, .nds-global-header__button--icon-favorites.nds-is-selected:hover .nds-button__icon, .nds-global-header__button--icon-favorites.nds-is-selected:focus .nds-icon, .nds-global-header__button--icon-favorites.nds-is-selected:focus .nds-button__icon {
  color: #005fb2;
  stroke: #0070d2;
}

.nds-global-header__button_icon-favorites.nds-is-selected:active .nds-icon, .nds-global-header__button_icon-favorites.nds-is-selected:active .nds-button__icon, .nds-global-header__button--icon-favorites.nds-is-selected:active .nds-icon, .nds-global-header__button--icon-favorites.nds-is-selected:active .nds-button__icon {
  color: #16325c;
  stroke: #16325c;
}

.nds-global-header__button_icon-favorites.nds-is-disabled .nds-icon, .nds-global-header__button_icon-favorites.nds-is-disabled .nds-button__icon, .nds-global-header__button_icon-favorites:disabled .nds-icon, .nds-global-header__button_icon-favorites:disabled .nds-button__icon, .nds-global-header__button--icon-favorites.nds-is-disabled .nds-icon, .nds-global-header__button--icon-favorites.nds-is-disabled .nds-button__icon, .nds-global-header__button--icon-favorites:disabled .nds-icon, .nds-global-header__button--icon-favorites:disabled .nds-button__icon {
  stroke: #ecebea;
}

.nds-global-header__icon, .nds-global-header__icon .nds-icon, .nds-global-header__icon .nds-button__icon {
  width: 1.25rem;
  height: 1.25rem;
}

/**
 * @summary Handles styling for notification item interactions
 *
 * @name notifications
 * @selector .nds-global-header__notification
 * @restrict .nds-global-header_container li
 * @variant
 */
.nds-global-header__notification {
  border-bottom: 1px solid #dddbda;
}

.nds-global-header__notification_unread, .nds-global-header__notification--unread {
  background-color: #ecebea;
}

.nds-global-header__notification:hover {
  background-color: #fafaf9;
}

.nds-global-header__notification:last-child {
  border-bottom: 0;
}

/**
 * @summary Navigation bar wrapper
 *
 * @name navigation-bar
 * @selector .nds-context-bar
 * @restrict div
 * @variant
 */
.nds-context-bar {
  display: -ms-flexbox;
  display: flex;
  height: 2.5rem;
  background-color: #fff;
  border-bottom: 3px solid #00a1df;
  color: #1b1b1b;
  position: relative;
  padding: 0 0 0 1.5rem;
  /**
   * Primary zone
   *
   * @selector .nds-context-bar__primary
   * @restrict .nds-context-bar div
   */
  /**
   * Secondary zone
   *
   * @selector .nds-context-bar__secondary
   * @restrict .nds-context-bar nav, .nds-context-bar div
   */
  /**
   * Manually add a vertical divider between elements
   *
   * @selector .nds-context-bar__vertical-divider
   * @restrict .nds-context-bar div
   */
  /** Any item on the horizontal axis of the context nav bar
   *
   * Interactions such as hovers + active are defaults, bottom of the
   * file deals with light / dark theme thresholds
   *
   * @selector .nds-context-bar__item
   * @restrict .nds-context-bar div, .nds-context-bar li
   */
  /**
   * Actionable Text Links
   *
   * @selector .nds-context-bar__label-action
   * @restrict .nds-context-bar__item a, .nds-context-bar__item span, .nds-context-bar__item button
   */
  /**
   * Actionable Icons
   *
   * @selector .nds-context-bar__icon-action
   * @restrict .nds-context-bar div
   */
  /**
   * @summary Tab modifier when using a tabset
   *
   * @name navigation-tab-bar
   * @selector .nds-context-bar_tabs
   * @restrict .nds-context-bar
   * @variant
   */
  /**
   *
   * #### Accessibility
   *
   * On the Split View Toggle button, `aria-expanded` is set to `false` by default.
   * Set `aria-expanded` to `true` when  Split View is active. When Split View is active,
   * set the value of `aria-controls` on the Split View Toggle button, to the `ID` of the
   * wrapper element that contains the Split View List.
   *
   * @selector .nds-context-bar__item_tab
   * @restrict .nds-context-bar_tabs .nds-context-bar__item
   * @notes Only use on tabset version
   * @required
   *
   */
  /**
   * @summary Notifications style - Styling a tab or overflow item to indicate the tab has unread activity
   * @selector .nds-has-notification
   * @restrict .nds-context-bar__item, .nds-context-bar__item .nds-dropdown__item
   */
}

.nds-context-bar__primary, .nds-context-bar__secondary, .nds-context-bar__tertiary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nds-context-bar__secondary {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  min-width: 0;
}

.nds-context-bar__vertical-divider {
  width: 0;
  overflow: hidden;
  border-left: 1px solid #dddbda;
}

.nds-context-bar__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: stretch;
      align-items: stretch;
  white-space: nowrap;
  position: relative;
  max-width: 15rem;
  transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  /**
   * Active state of an item
   *
   * @selector .nds-is-active
   * @restrict .nds-context-bar__item:not(.nds-no-hover)
   * @modifier
   */
  /**
   * Toggled focused class applied via JavaScript
   *
   * @selector .nds-has-focus
   * @restrict .nds-context-bar__item
   * @modifier
   */
  /**
   * Add a left border to a context bar item
   *
   * @selector .nds-context-bar__item_divider-left
   * @restrict .nds-context-bar div, .nds-context-bar li
   */
  /**
   * Add a right border to a context bar item
   *
   * @selector .nds-context-bar__item_divider-right
   * @restrict .nds-context-bar div, .nds-context-bar li
   */
}

.nds-context-bar__item:not(.nds-no-hover):hover, .nds-context-bar__item.nds-is-active {
  outline: 0;
  border-radius: 0;
  background-color: rgba(33, 146, 190, 0.1);
  text-decoration: none;
  cursor: pointer;
}

.nds-context-bar__item:not(.nds-no-hover):hover:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
}

@supports (mix-blend-mode: soft-light) {
  .nds-context-bar__item:not(.nds-no-hover):hover:after {
    background: rgba(0, 0, 0, 0.75);
    mix-blend-mode: soft-light;
  }
}
.nds-context-bar__item.nds-is-active {
  animation: bkAnim 0.135s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes bkAnim {
  50% {
    background-color: #fff;
  }
  100% {
    background-color: rgba(33, 146, 190, 0.1);
  }
}
.nds-context-bar__item.nds-is-active:before {
  content: "";
  height: 3px;
  display: block;
  background: #00a1df;
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  animation: navBounceIn 0.15s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@keyframes navBounceIn {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  90% {
    transform: translate3d(0, 1px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.nds-context-bar__item.nds-is-active:hover {
  border-bottom-color: rgba(33, 146, 190, 0.1);
}

.nds-context-bar__item.nds-has-focus:before, .nds-context-bar__item.nds-has-focus:after, .nds-context-bar__item.nds-has-focus:hover:before, .nds-context-bar__item.nds-has-focus:hover:after {
  height: 4px;
}

.nds-context-bar__item_divider-left, .nds-context-bar__item--divider-left {
  border-left: 1px solid #dddbda;
}

.nds-context-bar__item_divider-right, .nds-context-bar__item--divider-right {
  border-right: 1px solid #dddbda;
}

.nds-context-bar__label-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 0 0.75rem;
  border-radius: 0;
  min-width: 0%;
  color: inherit;
  font-size: 0.8125rem;
}

.nds-context-bar__label-action:focus, .nds-context-bar__label-action:focus:hover {
  outline: 0;
  text-decoration: underline;
}

.nds-context-bar__label-action:hover {
  text-decoration: none;
}

.nds-context-bar__label-action:hover, .nds-context-bar__label-action:focus {
  color: inherit;
}

.nds-context-bar__label-action:active {
  color: inherit;
  text-decoration: none;
}

.nds-context-bar__icon-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-left: -0.25rem;
  padding: 0 0.5rem;
  color: #706e6b;
  border-radius: 0;
}

.nds-context-bar__icon-action:focus {
  outline: 0;
}

.nds-context-bar__icon-action:focus .nds-context-bar__button {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-context-bar__icon-action:focus ~ .nds-dropdown {
  visibility: visible;
  opacity: 1;
}

.nds-context-bar__icon-action:hover, .nds-context-bar__icon-action:focus {
  color: #706e6b;
}

.nds-context-bar__icon-action:active {
  color: #706e6b;
}

.nds-context-bar__icon-action .nds-icon-waffle_container {
  width: 2rem;
  height: 2rem;
  margin-right: 0.25rem;
  margin-left: -0.5rem;
}

.nds-context-bar__icon-action .nds-icon-waffle {
  margin-right: auto;
  margin-left: auto;
}

.nds-context-bar .nds-context-bar__button {
  color: inherit;
}

.nds-context-bar .nds-context-bar__icon-action {
  margin-left: auto;
}

.nds-context-bar_tabs, .nds-context-bar--tabs {
  border-top: 1px solid #dddbda;
}

.nds-context-bar__item_tab, .nds-context-bar__item--tab {
  width: 12rem;
  border-right: 1px solid #dddbda;
  /**
   * Pinned state
   * Toggles visibility of elements inside of tab
   *
   * @selector .nds-is-pinned
   * @restrict .nds-context-bar__item_tab
   * @modifier
   */
}

.nds-context-bar__item_tab .nds-context-bar__label-action, .nds-context-bar__item--tab .nds-context-bar__label-action {
  padding: 0 0.5rem;
}

.nds-context-bar__item_tab.nds-is-pinned, .nds-context-bar__item--tab.nds-is-pinned {
  width: auto;
  padding-right: 0.5rem;
}

.nds-context-bar__item_tab.nds-is-pinned .nds-context-bar__label-action, .nds-context-bar__item--tab.nds-is-pinned .nds-context-bar__label-action {
  padding: 0 0.5rem;
}

.nds-context-bar .nds-is-unsaved .nds-context-bar__label-action {
  position: relative;
  padding-left: 0.5rem;
  font-style: italic;
  line-height: normal;
}

.nds-context-bar .nds-is-unsaved .nds-indicator_unread {
  margin-left: -0.35rem;
}

.nds-context-bar .nds-has-notification {
  background: rgba(33, 146, 190, 0.1);
  color: #1b1b1b;
  /**
   * @summary Unread notification icon
   * @selector .nds-indicator_unread
   * @restrict .nds-has-notification span
   */
}

.nds-context-bar .nds-has-notification .nds-indicator_unread {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 6px;
  width: 6px;
  left: auto;
  position: relative;
  top: auto;
}

/**
 * Unsaved indicator - This can probably be used in other locations as well
 *
 * @selector .nds-indicator_unsaved
 * @restrict .nds-context-bar__item span, abbr
 */
.nds-indicator_unsaved,
.nds-indicator--unsaved {
  color: #1589ee;
  -ms-flex-item-align: start;
      align-self: flex-start;
  font-size: 0.875rem;
  margin-top: 0.2rem;
}

.nds-context-bar__dropdown-trigger .nds-dropdown {
  margin-top: 3px;
}

.nds-context-bar__dropdown-trigger .nds-dropdown:before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 3px;
}

/**
 * Styles for application name region
 *
 * @selector .nds-context-bar__app-name
 * @restrict .nds-context-bar__label-action
 */
.nds-context-bar__app-name {
  padding: 0 1.5rem 0 0;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.25;
}

/**
 * Styles for object switcher region
 *
 * @selector .nds-context-bar__object-switcher
 * @restrict .nds-context-bar__item
 * @required
 */
.nds-context-bar__object-switcher {
  min-width: 9rem;
  max-width: 12rem;
  border-left: 1px solid #dddbda;
  border-right: 1px solid #dddbda;
}

.nds-context-bar_theme-marketing,
.nds-context-bar--theme-marketing {
  border-bottom-color: #f59331;
}

.nds-context-bar_theme-marketing .nds-context-bar__item:not(.nds-no-hover):hover,
.nds-context-bar--theme-marketing .nds-context-bar__item:not(.nds-no-hover):hover {
  border-bottom-color: #f59331;
}

.nds-context-bar_theme-marketing .nds-context-bar__item.nds-is-active:before,
.nds-context-bar--theme-marketing .nds-context-bar__item.nds-is-active:before {
  background: #f59331;
}

/**
 * The discussion feed publisher is found at the top of a feed stream. It contains
 * basic and advanced publishing capibilities.
 *
 * The discussion feed is in a collapsed state by default. There are 3 states
 * of the discussion feed that provide different feedback to the user. First,
 * the collapsed state, this indicates the user has not interacted with the
 * discussion feed publisher. When the user initiates an interaction with the
 * publisher, by either focusing of the textara or clicking the "Share" button,
 * through javascript the class of `nds-is-active` should be applied to the
 * `nds-publisher` div. This class will expand the publisher box and display
 * additional publisher actions.
 *
 * During the active state, before the user has begun typing or attaching
 * additional content, the "Share" button should be disabled by applying the
 * `disabled` attribute to the `<textarea>`. When the user begins typing, the
 * `disabled` attribute should be toggled off.
 *
 * @summary Initializes a publisher
 *
 * @name base
 * @selector .nds-publisher
 * @restrict div
 * @variant
 */
.nds-publisher {
  display: -ms-flexbox;
  display: flex;
  /**
   * @selector .nds-is-active
   * @restrict .nds-publisher
   * @modifier
   */
  /**
   * Abstraction of the text input styles
   *
   * @selector .nds-publisher__input
   * @restrict .nds-publisher textarea
   * @required
   */
  /**
   * Bottom row of actionable items
   *
   * @selector .nds-publisher__actions
   * @restrict .nds-publisher div
   * @required
   */
  /**
   *
   *
   * @selector .nds-publisher__toggle-visibility
   * @restrict .nds-publisher label, .nds-publisher ul
   * @required
   */
}

.nds-publisher.nds-is-active {
  display: block;
}

.nds-publisher.nds-is-active .nds-publisher__toggle-visibility {
  display: inherit;
}

.nds-publisher.nds-is-active .nds-publisher__input {
  line-height: 1.5;
  height: auto;
  max-height: 10rem;
  resize: vertical;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.nds-publisher__input {
  line-height: 1.875rem;
  padding: 0 1rem 0 0;
  resize: none;
  min-height: calc(1.875rem + 2px);
  max-height: calc(1.875rem + 2px);
  width: 100%;
}

.nds-publisher__actions > .nds-button {
  margin-left: 0.75rem;
}

.nds-publisher .nds-publisher__toggle-visibility {
  display: none;
}

/**
 * The comment publisher is found at the bottom of a discussion feed comment
 * thread. It contains basic publishing capibilities.
 *
 * The comment publisher is in a collapsed state by default. There are 4 states
 * of the discussion feed that provide different feedback to the user. First,
 * the collapsed state, this indicates the user has not interacted with the
 * comment publisher. When the user initiates an interaction with the publisher,
 * by either focusing of the textara or clicking the "Comment" button, through
 * javascript the class of `nds-is-active` should be applied to the
 * `nds-publisher` element. This class will expand the publisher box and
 * display additional publisher actions.
 *
 * Due to the implementation of the comment publisher design, we used a faux
 * textarea container and we'll need to apply the our focus state to that custom
 * container. Using javascript, the class `nds-has-focus` should be applied to
 * the `nds-publisher` element when the user interacts with `<textarea>`. When
 * the user loses focus on the `<textarea>`, the class `nds-has-focus` should
 * be toggled off from the `nds-publisher` element.
 *
 * During the active state, before the user has begun typing or attaching
 * additional content, the "Comment" button should be disabled by applying the
 * `disabled` attribute to the `<textarea>`. When the user begins typing, the
 * `disabled` attribute should be toggled off.
 *
 * @summary Initiates publisher that is specific to commenting in threads
 *
 * @name comment
 * @selector .nds-publisher_comment
 * @restrict .nds-publisher
 * @required
 * @variant
 */
.nds-publisher_comment,
.nds-publisher--comment {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #7f7f7f;
  border-radius: 0;
  width: 100%;
  position: relative;
  min-height: calc(1.875rem + 2px);
  max-height: calc(1.875rem + 2px);
  /**
   * Applies focus to comment publisher container when inside `textarea`
   *
   * @selector .nds-has-focus
   * @restrict .nds-publisher_comment
   * @notes Added through JavaScript
   * @modifier
   */
}

.nds-publisher_comment.nds-is-active,
.nds-publisher--comment.nds-is-active {
  min-height: 6rem;
  max-height: 15rem;
}

.nds-publisher_comment.nds-is-active .nds-publisher__actions,
.nds-publisher--comment.nds-is-active .nds-publisher__actions {
  display: -ms-flexbox;
  display: flex;
}

.nds-publisher_comment.nds-has-focus,
.nds-publisher--comment.nds-has-focus {
  outline: 0;
  border-color: #7f7f7f;
  background-color: #fff;
  box-shadow: none;
}

.nds-publisher_comment .nds-publisher__actions,
.nds-publisher--comment .nds-publisher__actions {
  display: none;
  padding: 0 0.75rem 0.75rem;
}

.nds-publisher_comment .nds-attachments,
.nds-publisher--comment .nds-attachments {
  padding: 0.5rem 0.75rem;
}

/**
 * A discussion feed consists of a list of posts. A `.nds-feed__item` contains a post and comments related to that post.
 *
 * @name base
 * @selector .nds-feed
 * @restrict div
 * @support dev-ready
 * @variant
 */
.nds-feed {
  position: relative;
  max-width: 49rem;
  margin: auto;
  /**
   * @selector .nds-feed__list
   * @restrict .nds-feed ul
   * @required
   */
  /**
   * @selector .nds-feed__item
   * @restrict .nds-feed__list li
   * @required
   */
}

.nds-feed__list {
  margin: 0;
  padding: 0;
}

.nds-feed__item {
  padding: 0.5rem 0;
}

@media (min-width: 48em) {
  .nds-feed__item {
    padding: 0.75rem 0;
  }
}
.nds-comment__content {
  padding: 0.25rem 0;
}

.nds-comment__replies {
  padding-top: 1rem;
  margin-left: 3.75rem;
}

.nds-comment__replies > :last-child,
.nds-comment__replies > :last-child .nds-comment {
  padding-bottom: 0;
}

.nds-comment__replies > :last-child:before,
.nds-comment__replies > :last-child .nds-comment:before {
  content: none;
}

.nds-comment__replies .nds-comment {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 1rem;
}

.nds-comment__replies .nds-comment:before {
  content: "";
  background: #dddbda;
  height: 100%;
  width: 1px;
  position: absolute;
  left: 1.125rem;
  top: 0;
  bottom: 0;
  margin-left: -0.5px;
  z-index: -1;
}

.nds-comment__replies .nds-avatar {
  border: 2px solid #fff;
}

.nds-tags {
  display: -ms-flexbox;
  display: flex;
}

.nds-tags__list {
  display: -ms-flexbox;
  display: flex;
}

.nds-tags__item {
  margin-left: 0.25rem;
}

.nds-tags__item:after {
  content: ", ";
}

.nds-tags__item:last-child:after {
  content: none;
}

.nds-attachments {
  padding-bottom: 0.5rem;
}

.nds-attachments:empty {
  padding: 0;
}

.nds-attachments__item + .nds-attachments__item {
  margin-top: 1rem;
}

/**
 * Container for feed item comments
 *
 * @selector .nds-feed__item-comments
 * @restrict .nds-feed__item div
 * @notes Contains comment replies and publisher
 * @required
 */
.nds-feed__item-comments {
  background: #fafaf9;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}

.nds-feed__item-comments .nds-comment {
  padding: 0.5rem 1rem;
}

/**
 * @name post
 * @selector .nds-post
 * @restrict .nds-feed article
 * @variant
 */
.nds-post {
  background: #fff;
  padding: 0.75rem 1rem;
  /**
   * Header region of a feed post
   *
   * @selector .nds-post__header
   * @restrict .nds-post header
   */
  /**
   * Content region of a feed post
   *
   * @selector .nds-post__content
   * @restrict .nds-post div
   */
  /**
   * Footer region of a feed post
   *
   * @selector .nds-post__footer
   * @restrict .nds-post footer
   */
}

@media (max-width: 48em) {
  .nds-post {
    border-top: 1px solid #dddbda;
  }
}
@media (min-width: 64em) {
  .nds-post {
    padding: 0 1rem 0.5rem;
  }
}
.nds-post__header {
  margin-bottom: 0.75rem;
}

.nds-post__content {
  margin-bottom: 0.75rem;
}

@media (min-width: 48em) {
  .nds-post__content {
    margin-bottom: 1.5rem;
  }
}
.nds-post__footer {
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 48em) {
  .nds-post__footer {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
/**
 * Footer region that contains quick action items for post
 *
 * @selector .nds-post__footer-actions-list
 * @restrict .nds-post__footer ul
 */
.nds-post__footer-actions-list {
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
  -ms-flex-order: 1;
      order: 1;
}

@media (max-width: 30em) {
  .nds-post__footer-actions-list {
    border-top: 1px solid #dddbda;
    margin: 0 -0.75rem -0.75rem;
    padding: 0 1rem;
  }
}
@media (min-width: 48em) {
  .nds-post__footer-actions-list {
    -ms-flex-order: 0;
        order: 0;
  }
}
/**
 * Action items within the feed post footer
 *
 * @selector .nds-post__footer-action
 * @restrict .nds-post__footer-actions-list button
 */
.nds-post__footer-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #1b1b1b;
  padding: 0.75rem 0;
  line-height: 1;
  /**
   * Active state for like button
   *
   * @selector .nds-is-active
   * @restrict .nds-post__footer-action
   * @modifier
   */
}

@media (min-width: 48em) {
  .nds-post__footer-action {
    margin-right: 1rem;
    padding: 0;
  }
}
.nds-post__footer-action .nds-icon {
  margin-right: 0.25rem;
}

.nds-post__footer-action:hover, .nds-post__footer-action:focus, .nds-post__footer-action.nds-is-active {
  color: #005fb2;
  text-decoration: none;
}

.nds-post__footer-action:hover .nds-icon, .nds-post__footer-action:focus .nds-icon, .nds-post__footer-action.nds-is-active .nds-icon {
  fill: currentColor;
}

/**
 * Footer region that contains read only items for post
 *
 * @selector .nds-post__footer-meta-list
 * @restrict .nds-post__footer ul
 */
.nds-post__footer-meta-list {
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .nds-post__footer-meta-list {
    margin-left: auto;
    margin-bottom: 0;
  }
}
.nds-region_narrow .nds-post,
.nds-region--narrow .nds-post {
  border: 0;
  padding: 0.75rem 1rem;
}

.nds-region_narrow .nds-post__content,
.nds-region--narrow .nds-post__content {
  margin-bottom: 0.75rem;
}

.nds-region_narrow .nds-post__footer,
.nds-region--narrow .nds-post__footer {
  -ms-flex-direction: column;
      flex-direction: column;
}

.nds-region_narrow .nds-post__footer-action,
.nds-region--narrow .nds-post__footer-action {
  padding: 0.75rem 0;
}

.nds-region_narrow .nds-post__footer-actions-list,
.nds-region--narrow .nds-post__footer-actions-list {
  -ms-flex-order: 1;
      order: 1;
  border-top: 1px solid #dddbda;
  margin: 0 -0.75rem -0.75rem;
  padding: 0 1rem;
}

.nds-region_narrow .nds-post__footer-meta-list,
.nds-region--narrow .nds-post__footer-meta-list {
  margin-left: 0;
  margin-bottom: 1rem;
}

.nds-post__payload {
  padding: 0 0 1rem;
}

.nds-post__payload:empty {
  padding: 0;
  border: 0;
}

/**
 * @name base
 * @selector .nds-modal
 * @restrict section
 * @variant
 */
.nds-modal {
  opacity: 0;
  visibility: hidden;
  transition: transform 0.1s linear, opacity 0.1s linear;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9001;
  /**
   * Centers and sizes the modal horizontally and confines modal within viewport height
   *
   * @selector .nds-modal__container
   * @restrict .nds-modal div
   * @notes This should be nested immediately inside `.nds-modal` with nothing else nested on the same level.
   * @required
   */
  /**
   * Creates the Modal Header container.
   *
   * @selector .nds-modal__header
   * @restrict .nds-modal header
   * @notes This should be nested immediately inside `.nds-modal__container` as the first element.
   * @required
   */
  /**
   * Use when modal header has no content
   *
   * @selector .nds-modal__header_empty
   * @restrict .nds-modal__header
   */
  /**
   * Creates the scrollable content area for the modal.
   *
   * @selector .nds-modal__content
   * @restrict .nds-modal div
   * @required
   */
  /**
   * Creates the shaded menu area for the modal.
   *
   * @selector .nds-modal__menu
   * @restrict .nds-modal div
   * @notes Either `.nds-modal__menu` or `.nds-modal__content` must be used. If you’re using this class, you do not need the other. This should be nested immediately inside `.nds-modal_container` and immediately after `.nds-modal__header`.
   * @required
   */
  /**
   * Creates the Modal Footer container.
   *
   * @selector .nds-modal__footer
   * @restrict .nds-modal footer
   * @notes This should be nested immediately inside `.nds-modal_container` and immediately after `.nds-modal__container`. Nothing should follow it. Note that by default, elements will be aligned to the right.
   * @required
   */
  /**
   * Positions the close button to the top right outside of the modal.
   *
   * @selector .nds-modal__close
   * @restrict .nds-modal button
   * @notes Either `.nds-modal__content` or `.nds-modal__menu` must be used. If you’re using this class, you do not need the other. This should be nested immediately inside `.nds-modal_container` and immediately after `.nds-modal__header`.
   * @required
   */
}

.nds-modal__container {
  position: relative;
  transform: translate(0, 0);
  transition: transform 0.1s linear, opacity 0.1s linear;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0 2rem;
  height: 100%;
  padding: 3rem 0;
  border-radius: 0.25rem;
}

@media (min-width: 48em) {
  .nds-modal__container {
    margin: 0 auto;
    width: 50%;
    max-width: 40rem;
    min-width: 20rem;
  }
}
.nds-modal__header, .nds-modal__content {
  background: #fff;
}

.nds-modal__header .nds-text-heading--medium,
.nds-modal__header .nds-text-heading_medium, .nds-modal__content .nds-text-heading--medium,
.nds-modal__content .nds-text-heading_medium {
  font-size: 1.125rem;
  color: #1564bf;
}

.nds-modal__header, .nds-modal__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nds-modal__header {
  position: relative;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-bottom: 2px solid #dddbda;
  padding: 1rem;
  text-align: center;
}

.nds-modal__header + .nds-modal__menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nds-modal__header_empty, .nds-modal__header--empty {
  padding: 0;
  border-bottom: 0;
}

.nds-modal__header_empty + .nds-modal__content, .nds-modal__header--empty + .nds-modal__content {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.nds-modal__content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow: hidden;
  overflow-y: auto;
}

.nds-modal__content:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

.nds-modal__menu {
  position: relative;
  border-radius: 0.25rem;
  padding: 1rem;
  background-color: #fafaf9;
}

@media (max-width: 48em) {
  .nds-modal__menu .nds-button {
    width: 100%;
    margin: 0.125rem 0;
  }
}
.nds-modal__footer {
  border-top: 2px solid #dddbda;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.75rem 1rem;
  background-color: #fafaf9;
  text-align: right;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
  /**
   * Makes buttons inside the footer spread to both left and right.
   *
   * @selector .nds-modal__footer_directional
   * @restrict .nds-modal__footer
   * @notes This is only needed when you have two buttons that indicate a back and forward navigation.
   * @modifier
   * @group direction
   */
}

.nds-modal__footer_directional .nds-button:first-child, .nds-modal__footer--directional .nds-button:first-child {
  float: left;
}

.nds-modal__footer .nds-button + .nds-button {
  margin-left: 0.5rem;
}

.nds-modal__close {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -2.5rem;
  right: -0.5rem;
}

/**
 * Widens the modal to take more horizontal space
 *
 * @selector .nds-modal_large
 * @restrict .nds-modal
 * @modifier
 * @group size
 */
@media (min-width: 48em) {
  .nds-modal_large .nds-modal__container,
.nds-modal--large .nds-modal__container {
    width: 90%;
    max-width: none;
    min-width: 40rem;
  }
}
.nds-modal-backdrop {
  transition-duration: 0.4s;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(150, 148, 146, 0.8);
  z-index: 9000;
  /**
   * Allows the backdrop to be visible.
   *
   * @selector .nds-backdrop_open
   * @restrict .nds-backdrop
   * @notes Apply this class to a modal backdrop with JavaScript to make it visible.
   * @modifier
   * @required
   */
}

.nds-modal-backdrop_open, .nds-modal-backdrop--open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s linear;
}

/**
 * Creates the shaded backdrop used behind the modal.
 *
 * @selector .nds-backdrop
 * @restrict .nds-modal ~ div
 * @notes This should follow after the `.nds-modal` as an empty element.
 * @required
 */
.nds-backdrop {
  transition-duration: 0.4s;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(150, 148, 146, 0.8);
  z-index: 9000;
  /**
   * Allows the backdrop to be visible.
   *
   * @selector .nds-backdrop_open
   * @restrict .nds-backdrop
   * @notes Apply this class to a modal backdrop with JavaScript to make it visible.
   * @modifier
   * @required
   */
}

.nds-backdrop_open, .nds-backdrop--open {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.4s linear;
}

/**
 * Allows the modal to be visible.
 *
 * @selector .nds-fade-in-open
 * @restrict .nds-modal
 * @notes Apply this class to a modal with JavaScript to make it visible.
 * @modifier
 * @group animation
 */
.nds-fade-in-open {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear;
}

.nds-fade-in-open .nds-modal__container-reset {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

/**
 *
 *
 * @selector .nds-slide-up-open
 * @restrict .nds-modal
 * @modifier
 * @group animation
 */
.nds-slide-up-open {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: opacity 0.1s linear, transform 0.2s linear;
}

.nds-slide-up-open .nds-modal__container-reset {
  opacity: 0;
  visibility: hidden;
  transform: translate(0, 1rem);
  transition: opacity 0.2s linear, transform 0.2s linear;
}

/**
 *
 *
 * @selector .nds-slide-up-saving
 * @restrict .nds-modal
 * @modifier
 * @group animation
 */
.nds-slide-up-saving {
  opacity: 1;
  visibility: visible;
  transform: translate(0, -1rem);
}

/**
 *
 *
 * @selector .nds-slide-down-cancel
 * @restrict .nds-modal
 * @modifier
 * @group animation
 */
.nds-slide-down-cancel {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 1rem);
}

/**
 * @summary Initializes a visual picker component
 *
 * @name coverable-content
 * @selector .nds-visual-picker
 * @restrict div
 * @variant
 */
.nds-visual-picker {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 0;
  border-radius: 0;
  text-align: center;
  cursor: pointer;
}

.nds-visual-picker:active .nds-visual-picker__figure {
  border: 1px solid #1589ee;
  box-shadow: 0 0 0 1px #1589ee inset;
}

.nds-visual-picker:hover .nds-visual-picker__figure {
  cursor: pointer;
}

.nds-visual-picker input:not(:disabled) ~ label:hover .nds-visual-picker__figure {
  cursor: pointer;
  outline: 0;
  border: 1px solid #1589ee;
  box-shadow: 0 0 0 1px #1589ee inset;
}

.nds-visual-picker input {
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  /**
   * @summary Non-selected state
   * @selector .nds-is-not-selected
   * @restrict .nds-visual-picker__figure > span
   */
  /**
   * @summary Selected state
   * @selector .nds-is-selected
   * @restrict .nds-visual-picker__figure > span
   */
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}

.nds-visual-picker input:focus ~ label .nds-visual-picker__figure {
  border: 1px solid #1589ee;
  box-shadow: 0 0 0 1px #1589ee inset;
}

.nds-visual-picker input:checked ~ label .nds-visual-picker__figure {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
}

.nds-visual-picker input:checked ~ label .nds-is-not-selected {
  display: none;
}

.nds-visual-picker input:checked ~ label .nds-is-selected {
  display: block;
}

.nds-visual-picker input:checked ~ label .nds-visual-picker__icon {
  background-color: #003da5;
  border: 1px solid #1589ee;
}

.nds-visual-picker input:checked ~ label .nds-visual-picker__text {
  border: 1px solid #1589ee;
  box-shadow: 0 0 0 1px #1589ee inset;
}

.nds-visual-picker input:checked ~ label .nds-visual-picker__text:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
  border-radius: 0.5rem;
  border-width: 1rem;
  border-right-color: #003da5;
  border-top-color: #003da5;
}

.nds-visual-picker input[disabled] {
  cursor: not-allowed;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nds-visual-picker input[disabled] ~ label .nds-icon {
  opacity: 0.5;
}

.nds-visual-picker input[disabled] ~ label .nds-visual-picker__body,
.nds-visual-picker input[disabled] ~ label .nds-visual-picker__text {
  color: #706e6b;
}

.nds-visual-picker input[disabled] ~ label .nds-visual-picker__figure {
  border: 1px solid #dddbda;
  box-shadow: none;
}

.nds-visual-picker input[disabled] ~ label .nds-visual-picker__figure:hover {
  cursor: not-allowed;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #dddbda;
  box-shadow: none;
}

/**
 * @summary Visual container for icon and text
 * @selector .nds-visual-picker__figure
 * @restrict .nds-visual-picker div, .nds-visual-picker span
 */
.nds-visual-picker__figure {
  display: block;
  background: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  text-align: center;
}

.nds-visual-picker__figure .nds-icon-action-check {
  background-color: #003da5;
}

.nds-visual-picker__figure span {
  display: block;
}

.nds-visual-picker__figure .nds-is-selected {
  display: none;
}

/**
 * @summary Size modifier to adjust to the default size of medium
 * @selector .nds-visual-picker_medium
 * @restrict .nds-visual-picker
 * @modifier
 * @group size
 */
.nds-visual-picker_medium .nds-visual-picker__figure,
.nds-visual-picker_medium .nds-visual-picker__body {
  width: 12rem;
}

.nds-visual-picker_medium .nds-visual-picker__figure {
  height: 12rem;
}

/**
 * @summary Size modifier to adjust to the size of large
 * @selector .nds-visual-picker_large
 * @restrict .nds-visual-picker
 * @modifier
 * @group size
 */
.nds-visual-picker_large .nds-visual-picker__figure,
.nds-visual-picker_large .nds-visual-picker__body {
  width: 15rem;
}

.nds-visual-picker_large .nds-visual-picker__figure {
  height: 15rem;
}

/**
 * @summary Text area that sits outside the visual picker
 * @selector .nds-visual-picker__body
 * @restrict .nds-visual-picker span
 */
.nds-visual-picker__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background: transparent;
  padding: 1rem 0.5rem;
  border: 0;
  border-radius: 0;
}

/**
 * Checkmark that is visibily toggled when input is checked
 *
 * @name non-coverable-content
 * @selector .nds-visual-picker__text-check
 * @restrict .nds-visual-picker span
 * @variant
 */
.nds-visual-picker__text-check {
  position: absolute;
  top: -0.0625rem;
  right: 0.625rem;
  width: 0.5rem;
  height: 0.5rem;
}

/**
 * To create a pill, apply the `.nds-pill` class on a `<span>`.
 *
 * Depending on your context, you will either need a linked pill or a pill option inside of a listbox.
 *
 * For linked pills, a modifier class of `nds-pill--link` needs to be added to the existing `<span>` with the classname of `nds-pill`. You need an `<a>` inside of the span with the `nds-pill--link` class. The `<a>` will get the classname of `nds-pill__action`. This will treat the interactions differently from an unlinked pill option inside of a listbox.
 *
 * For both linked pills and unlinked pill options, a `<span>` with the classname of `nds-pill__label` should contain the string of text describing the pill object.
 *
 * Note, that a linked pill should not be used as a pill option inside of a listbox.
 *
 * Additionally, a pill can have an icon or image that sits to the left-hand side of the `.nds-pill__label`. That icon or image should receive the class `.nds-pill__icon_container`.
 *
 * You may also want the functionality to remove the pill as a selection. An "X" icon is normally used and will sit to the right-hand side of the `.nds-pill__label`. That icon should receive the class `.nds-pill__remove`.
 *
 * A `.nds-pill_container` can be used as a visual container for multiple pill(s).
 *
 * @summary Initializes pill
 *
 * @name base
 * @selector .nds-pill
 * @restrict span
 * @support dev-ready
 * @variant
 */
.nds-pill {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-width: 100%;
  padding: 0.125rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-color: #fff;
  position: relative;
  min-height: 1.625rem;
  /**
   * Modifier that removes border and background from a pill
   *
   * @selector .nds-pill_bare
   * @restrict .nds-pill
   * @modifier
   */
  /**
   * Container to hold pill(s) with borders
   *
   * @selector .nds-pill_container
   * @restrict div
   */
  /**
   * Container to hold pill(s) with no borders
   *
   * @selector .nds-pill_container_bare
   * @restrict .nds-pill_container
   * @modifier
   * @deprecated
   */
  /**
   * Line of text inside a pill
   *
   * @selector .nds-pill__label
   * @restrict .nds-pill a, .nds-pill span
   */
  /**
   * Initializes pill icon or avatar that sits to the left of the label
   *
   * @selector .nds-pill__icon_container
   * @restrict .nds-pill span
   */
  /**
   * Initializes remove icon in pill that sits to the right of the label
   *
   * @selector .nds-pill__remove
   * @restrict .nds-pill button, .nds-pill span
   */
}

.nds-pill + .nds-pill {
  margin-left: 0.125rem;
}

.nds-pill:hover {
  background-color: #f4f6f9;
}

.nds-pill:focus {
  outline: 0;
  border-radius: 0.25rem;
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-pill a {
  text-decoration: none;
}

.nds-pill_bare, .nds-pill--bare {
  background-color: transparent;
  border: 0;
}

.nds-pill_bare:hover, .nds-pill--bare:hover {
  background-color: transparent;
}

.nds-pill__container, .nds-pill-container, .nds-pill_container {
  display: -ms-flexbox;
  display: flex;
  min-height: calc(1.875rem + 2px);
  padding: 0.125rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-color: #fff;
}

.nds-pill__container_bare, .nds-pill__container--bare, .nds-pill_container_bare, .nds-pill_container--bare {
  display: -ms-flexbox;
  display: flex;
  padding: 0.125rem;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.nds-pill__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nds-pill__label:focus {
  outline: 0;
  border-radius: 0.25rem;
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-pill__icon, .nds-pill__icon_container {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.25rem;
}

.nds-pill__icon .nds-icon,
.nds-pill__icon .nds-avatar, .nds-pill__icon_container .nds-icon,
.nds-pill__icon_container .nds-avatar {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  font-size: 0.625rem;
}

.nds-pill__icon ~ .nds-pill__action, .nds-pill__icon_container ~ .nds-pill__action {
  padding-left: calc(1.5rem + 2px);
}

.nds-pill__remove {
  width: 1rem;
  height: 1rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: 0.25rem;
  border-radius: 0.125rem;
}

.nds-pill__remove svg {
  width: 0.875rem;
  height: 0.875rem;
}

/**
 * Creates a pill with a hyperlink
 *
 * @selector .nds-pill_link
 * @restrict .nds-pill
 */
.nds-pill_link,
.nds-pill--link {
  border: 0;
  padding: 0;
}

.nds-pill_link .nds-pill__icon_container,
.nds-pill--link .nds-pill__icon_container {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0.125rem;
  transform: translateY(-50%);
}

.nds-pill_link .nds-pill__remove,
.nds-pill--link .nds-pill__remove {
  position: absolute;
  top: 50%;
  right: 0.125rem;
  transform: translateY(-50%);
}

/**
 * Actionable element inside of pill with hyperlink
 *
 * @selector .nds-pill__action
 * @restrict .nds-pill_link a
 */
.nds-pill__action {
  padding: 0.125rem;
  padding-right: calc(1.25rem + 2px);
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.nds-pill__action:focus {
  outline: 0;
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

/**
 * Pill error styles
 *
 * @selector .nds-has-error
 * @restrict .nds-pill
 * @modifier
 */
.nds-has-error {
  border-color: #e71313;
}

.nds-has-error .nds-pill__label {
  font-weight: 700;
  color: #e71313;
}

.nds-has-error .nds-pill__action {
  border-color: #e71313;
}

/**
 * @name base
 * @selector .nds-path
 * @restrict div
 * @variant
 * @s1 false
 */
.nds-path {
  margin-top: 1rem;
  border: transparent 1px solid;
  /**
   * @summary Indicates the coaching section is expanded
   *
   * @selector .nds-is-expanded
   * @restrict .nds-path
   */
}

.nds-path.nds-is-expanded {
  padding-bottom: 1rem;
  border-color: #dddbda;
  background-color: #fff;
}

/**
 * @summary Allows the path itself to be responsive
 *
 * @selector .nds-path__track
 * @restrict .nds-path div
 */
.nds-path__track {
  position: relative;
  top: -1rem;
  /**
   * Indicates the scroller is in the overflow state
   *
   * @selector .nds-has-overflow
   * @restrict .nds-path__track
   */
}

.nds-path__track.nds-has-overflow {
  /**
   *
   * @summary Allows the path to scroll when necessary
   *
   * @selector .nds-path__scroller_inner
   * @restrict .nds-path__scroller div
   */
}

.nds-path__track.nds-has-overflow .nds-path__scroller_inner {
  overflow: hidden;
}

.nds-path__track.nds-has-overflow .nds-path__scroller-container {
  position: relative;
  min-width: 0%;
  -ms-flex-positive: 1;
      flex-grow: 1;
  width: calc(100% - 4.75rem);
  padding-right: 4.75rem;
}

.nds-path__track.nds-has-overflow .nds-path__scroll-controls {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin-right: 0.5rem;
  padding-left: 0.5rem;
  background-color: #fff;
}

/**
 * @summary Creates the scrolling container for tab overflow
 *
 * @selector .nds-path__scroller
 * @restrict .nds-path__track div
 */
.nds-path__scroller {
  width: 100%;
}

/**
 * @summary Container for the buttons that control the scrolling
 *
 * @selector .nds-path__scroll-controls
 * @restrict .nds-path__track div
 *
 */
.nds-path__scroll-controls {
  display: none;
}

/**
 * @summary Shows the stage name when in the smaller state
 *
 * @selector .nds-path__stage-name
 * @restrict .nds-path__track span
 *
 */
.nds-path__stage-name {
  display: none;
}

/**
 * @summary Creates the container for toggle button and path
 *
 * @selector .nds-path__scroller_container
 * @restrict .nds-path__scroller div
 */
.nds-path__scroller-container {
  width: 100%;
}

.nds-path__action {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/**
 * @summary Horizontal list of stages in path component
 *
 * @selector .nds-path__nav
 * @restrict .nds-path__scroller_inner ul
 */
.nds-path__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-right: 0.75rem;
  /**
  * @summary Creates the incomplete stage of the path
  *
  * @selector .nds-is-incomplete
  * @restrict .nds-path__item
  */
  /**
  * @summary Creates the active stage of the sales path
  *
  * @selector .nds-is-active
  * @restrict .nds-path__item
  * @notes This class must be placed on the item programatically when the guidance section is activated
  */
  /**
   * @summary Creates success stage of the path
   *
   * @selector .nds-is-won
   * @restrict .nds-path__item
   */
  /**
   * @summary Creates the completed stage of the path
   *
   * @selector .nds-is-complete
   * @restrict .nds-path__item
   */
  /**
   * @summary Creates the current stage of the path
   *
   * @selector .nds-is-current
   * @restrict .nds-path__item
   */
  /**
  * @summary Creates lost stage of the path
  *
  * @selector .nds-is-lost
  * @restrict .nds-path__item
  * @notes This class must be added to the "closed" stage with JS when the Sales Path is complete and the opportunity is lost
  */
}

.nds-path__nav .nds-is-incomplete {
  background-color: #ecebea;
}

.nds-path__nav .nds-is-incomplete:hover {
  background-color: #dddbda;
}

.nds-path__nav .nds-is-incomplete .nds-path__link {
  color: #1b1b1b;
}

.nds-path__nav .nds-is-active {
  background-color: #061c3f;
}

.nds-path__nav .nds-is-active .nds-path__link {
  color: #fff;
}

.nds-path__nav .nds-is-active:hover {
  background-color: #16325c;
}

.nds-path__nav .nds-is-active:hover + .nds-path__item:before {
  background-color: #16325c;
}

.nds-path__nav .nds-is-active + .nds-path__item:before {
  background-color: #061c3f;
}

.nds-path__nav .nds-is-active .nds-path__title,
.nds-path__nav .nds-is-active.nds-is-won .nds-path__title {
  transform: rotateX(0deg);
}

.nds-path__nav .nds-is-active .nds-path__stage,
.nds-path__nav .nds-is-active.nds-is-won .nds-path__stage {
  transform: rotateX(-180deg);
}

.nds-path__nav .nds-is-complete {
  background-color: #4bca81;
}

.nds-path__nav .nds-is-complete .nds-path__stage {
  transform: translateY(-50%) rotateX(0deg);
}

.nds-path__nav .nds-is-complete .nds-path__title {
  transform: rotateX(180deg);
}

.nds-path__nav .nds-is-complete .nds-path__link {
  color: #16325c;
}

.nds-path__nav .nds-is-complete:hover {
  background-color: #04844b;
}

.nds-path__nav .nds-is-complete:hover .nds-path__stage {
  transform: translateY(-50%) rotateX(-180deg);
}

.nds-path__nav .nds-is-complete:hover .nds-path__title {
  transform: rotateX(0deg);
}

.nds-path__nav .nds-is-complete:hover .nds-path__link {
  color: #fff;
}

.nds-path__nav .nds-is-current {
  background-color: #0070d2;
}

.nds-path__nav .nds-is-current:hover {
  background-color: #005fb2;
}

.nds-path__nav .nds-is-current + .nds-is-incomplete:before {
  background-color: #0070d2;
}

.nds-path__nav .nds-is-current:hover + .nds-is-incomplete:before {
  background-color: #005fb2;
}

.nds-path__nav .nds-is-lost,
.nds-path__nav .nds-is-lost:hover {
  background-color: #c23934;
}

.nds-path__nav .nds-is-current .nds-path__link,
.nds-path__nav .nds-is-lost .nds-path__link {
  color: #fff;
}

/**
 * @summary Individual stages of a path
 *
 * @selector .nds-path__item
 * @restrict .nds-path__nav li
 */
.nds-path__item {
  overflow: hidden;
  position: relative;
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  min-width: 5rem;
  text-align: center;
  perspective: 500px;
  transition: transform 0.1s ease-in-out, background-color 0.1s linear;
}

.nds-path__item:first-child {
  border-radius: 15rem 0 0 15rem;
}

.nds-path__item:last-child {
  border-radius: 0 15rem 15rem 0;
  border-right: 0;
}

.nds-path__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -1rem;
  width: calc(2rem - 4px);
  height: calc(2rem - 4px);
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  background-clip: padding-box;
  transform: scale3d(0.8, 1.1, 1) rotate(45deg);
  transition: transform 0.1s ease-in-out, background-color 0.1s linear;
}

.nds-path__item:first-child:before {
  display: none;
}

.nds-path__item + .nds-is-complete:before,
.nds-path__item + .nds-is-current:before {
  background-color: #4bca81;
}

.nds-path__item:hover + .nds-is-complete:before, .nds-path__item:hover + .nds-is-current:before {
  background-color: #04844b;
}

.nds-path__item + .nds-is-incomplete:before,
.nds-path__item + .nds-is-lost:before {
  background-color: #ecebea;
}

.nds-path__item:hover + .nds-is-incomplete:before, .nds-path__item:hover + .nds-is-lost:before {
  background-color: #dddbda;
}

/**
 * @summary Contains the name of the stage
 *
 * @selector .nds-path__title
 * @restrict .nds-path__link span
 */
.nds-path__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * @summary Contains the check mark when the stage is completed
 *
 * @selector .nds-path__stage
 * @restrict .nds-path__link span
 */
.nds-path__stage {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  width: 100%;
  transform: translateY(-50%) rotateX(-180deg);
}

/**
 * @summary Creates actionable element inside of each path item
 *
 * @selector .nds-path__link
 * @restrict .nds-path__item a
 */
.nds-path__link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  padding: 0.25rem 0.25rem 0.25rem 1.25rem;
  line-height: 1.5rem;
  text-decoration: none;
  cursor: pointer;
}

.nds-path__link:hover {
  text-decoration: none;
}

.nds-path__link:focus {
  outline: 0;
}

.nds-path__title,
.nds-path__stage {
  display: block;
  transition: transform 0.2s linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/**
 * @summary Button that toggles visibility of stage's tabpanel
 *
 * @selector .nds-path__trigger
 * @restrict .nds-path button
 */
.nds-path__trigger {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0.75rem;
  border-radius: 50%;
  transition: 0.1s transform ease-in-out;
}

.nds-flip_vertical,
.nds-flip--vertical {
  transform: rotateX(180deg);
}

.nds-flip_horizontal,
.nds-flip--horizontal {
  transform: rotateY(180deg);
}

/**
 * @summary Actionable button that invokes a completion of the path
 *
 * @selector .nds-path__mark-complete
 * @restrict .nds-path button
 */
.nds-path__mark-complete {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
  border-radius: 15rem;
}

/**
 * @summary Actionable button that invokes a current stage of the path
 *
 * @selector .nds-path__mark-current
 * @restrict .nds-path button, .nds-path-coach button
 */
.nds-path__mark-current {
  border-color: #061c3f;
  background-color: #061c3f;
}

.nds-path__mark-current:hover, .nds-path__mark-current:focus {
  background-color: #16325c;
}

/**
 * @summary Tabpanel of each stage of the path
 *
 * @selector .nds-path__content
 * @restrict .nds-path div
 */
.nds-path__content {
  position: relative;
  top: -1rem;
  padding: 0 0.5rem;
}

/**
 * @summary Key field section of expanded tabpanel
 *
 * @selector .nds-path__keys
 * @restrict .nds-path__content div
 */
.nds-path__keys {
  padding-left: 0.75rem;
}

/**
 * @summary Guidance section of expanded tabpanel
 *
 * @selector .nds-path__guidance
 * @restrict .nds-path__content div
 */
.nds-path__guidance {
  margin-right: 0.5rem;
  padding-left: 0.75rem;
  padding-bottom: 0.25rem;
  background-color: #fff;
}

.nds-path__keys,
.nds-path__guidance {
  width: 50%;
  margin-top: 1rem;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
}

/**
 * @summary This creates the underlined titles in the coaching area
 *
 * @selector .nds-path__coach-title
 * @restrict .nds-path__keys div, .nds-path__guidance h2
 */
.nds-path__coach-title {
  margin-bottom: 0.5rem;
  border-bottom: #dddbda 1px solid;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  line-height: 1.125;
}

/**
 * @summary This creates the space at the top of the guidance area
 *
 * @selector .nds-path__guidance-content
 * @restrict .nds-path__guidance div
 */
.nds-path__guidance-content {
  padding-top: 0.5rem;
}

/**
 * @summary This class should be placed on a containing div when the Path container is between 565px and 1280px
 *
 * @selector .nds-region_medium
 * @restrict div
 */
/**
 * @summary This class should be placed on a containing div when the Path container is between 360px and 564px
 *
 * @selector .nds-region_medium
 * @restrict div
 */
.nds-region_small .nds-path__track,
.nds-region_small .nds-path__coach {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
}

.nds-region_small .nds-path__stage-name {
  display: block;
  margin-left: 0.75rem;
}

.nds-region_small .nds-path__action {
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nds-region_small .nds-path__mark-complete {
  margin-right: 0;
}

.nds-region_small .nds-path__keys,
.nds-region_small .nds-path__guidance {
  width: 100%;
  margin-right: 0;
}

/**
 * @name base
 * @selector .nds-progress-bar
 * @restrict div
 * @variant
 */
.nds-progress-bar {
  display: block;
  width: 100%;
  height: 0.5rem;
  background: #dddbda;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  /**
   * @summary Creates a progress bar height at the smaller .125rem (2px) size
   *
   * @selector .nds-progress-bar_x-small
   * @restrict .nds-progress-bar
   * @modifier
   * @group height
   */
  /**
   * @summary Creates a progress bar height at the smaller .25rem (4px) size
   *
   * @selector .nds-progress-bar_small
   * @restrict .nds-progress-bar
   * @modifier
   * @group height
   */
  /**
   * @summary Creates a progress bar height at the smaller .5rem (8px) size
   *
   * @selector .nds-progress-bar_medium
   * @restrict .nds-progress-bar
   * @modifier
   * @group height
   */
  /**
   * @summary Creates a progress bar height at the smaller .75rem (12px) size
   *
   * @selector .nds-progress-bar_large
   * @restrict .nds-progress-bar
   * @modifier
   * @group height
   */
  /**
   * @summary Adds a border radius to the progress bar to give it a circular look
   *
   * @selector .nds-progress-bar_circular
   * @restrict .nds-progress-bar
   * @modifier
   * @group radius
   */
}

.nds-progress-bar_xx-small, .nds-progress-bar--xx-small {
  height: 1px;
}

.nds-progress-bar_x-small, .nds-progress-bar--x-small {
  height: 0.125rem;
}

.nds-progress-bar_small, .nds-progress-bar--small {
  height: 0.25rem;
}

.nds-progress-bar_medium, .nds-progress-bar--medium {
  height: 0.5rem;
}

.nds-progress-bar_large, .nds-progress-bar--large {
  height: 0.75rem;
}

.nds-progress-bar_circular, .nds-progress-bar--circular {
  border-radius: 0.5rem;
}

.nds-progress-bar_circular .nds-progress-bar__value, .nds-progress-bar--circular .nds-progress-bar__value {
  border-radius: 0.5rem;
}

/**
 * @summary Fill up blue bar inside of the progress bar
 *
 * @selector .nds-progress-bar__value
 * @restrict .nds-progress-bar span
 */
.nds-progress-bar__value {
  display: block;
  background: #ff6d00;
  height: 100%;
}

/**
 * @summary Create a green progress bar
 *
 * @selector .nds-progress-bar__value_success
 * @restrict .nds-progress-bar__value
 * @modifier
 * @group color
 */
.nds-progress-bar__value_success {
  background: #4bca81;
}

/**
 * @name base
 * @selector .nds-progress
 * @restrict div
 * @variant
 */
.nds-progress {
  position: relative;
  max-width: 70%;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  margin: auto;
  /**
   * When on a shaded background such as the modal footer
   *
   * @selector .nds-progress_shade
   * @restrict .nds-progress
   * @modifier
   */
}

.nds-progress_shade .nds-progress__item.nds-is-completed .nds-progress__marker, .nds-progress_shade .nds-progress__item.nds-is-active .nds-progress__marker, .nds-progress--shade .nds-progress__item.nds-is-completed .nds-progress__marker, .nds-progress--shade .nds-progress__item.nds-is-active .nds-progress__marker {
  background: #fafaf9;
}

.nds-progress_shade .nds-progress__item.nds-is-completed .nds-progress__marker_icon, .nds-progress_shade .nds-progress__item.nds-is-completed .nds-progress__marker--icon, .nds-progress--shade .nds-progress__item.nds-is-completed .nds-progress__marker_icon, .nds-progress--shade .nds-progress__item.nds-is-completed .nds-progress__marker--icon {
  border-color: #fafaf9;
}

.nds-progress_shade .nds-progress__item.nds-is-active .nds-progress__marker, .nds-progress--shade .nds-progress__item.nds-is-active .nds-progress__marker {
  box-shadow: #fafaf9 0 0 0 4px;
}

.nds-progress_shade .nds-progress__item.nds-is-active .nds-progress__marker:focus, .nds-progress--shade .nds-progress__item.nds-is-active .nds-progress__marker:focus {
  box-shadow: #fafaf9 0 0 0 4px, 0 0 3px 4px #0070d2;
}

.nds-progress_shade .nds-progress__item.nds-has-error .nds-progress__marker, .nds-progress_shade .nds-progress__item.nds-has-error .nds-progress__marker:hover, .nds-progress_shade .nds-progress__item.nds-has-error .nds-progress__marker:focus, .nds-progress--shade .nds-progress__item.nds-has-error .nds-progress__marker, .nds-progress--shade .nds-progress__item.nds-has-error .nds-progress__marker:hover, .nds-progress--shade .nds-progress__item.nds-has-error .nds-progress__marker:focus {
  background: #fafaf9;
}

.nds-progress_shade .nds-progress__item .nds-progress__marker, .nds-progress--shade .nds-progress__item .nds-progress__marker {
  border-color: #fafaf9;
}

.nds-progress .nds-progress-bar {
  position: absolute;
  top: 50%;
  margin-top: -0.0625rem;
  width: 100%;
  left: 0.05rem;
}

/**
 * An ordered list containing steps of a process
 *
 * @selector .nds-progress__list
 * @restrict .nds-progress ol
 * @required
 */
.nds-progress__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  position: relative;
  z-index: 1;
}

/**
 * A list item for each step of the process
 *
 * @selector .nds-progress__item
 * @restrict .nds-progress ol li
 * @required
 */
.nds-progress__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
      align-self: center;
  cursor: pointer;
  outline: none;
  /**
   * Stateful class for a completed step, `.nds-progress__item` should receive a success icon at this point
   *
   * @selector .nds-is-completed
   * @restrict .nds-progress__item
   * @notes Class should be applied thought JavaScript
   * @required
   * @modifier
   * @group state
   */
  /**
   * Stateful class for the active step
   *
   * @selector .nds-is-active
   * @restrict .nds-progress__item
   * @notes Class should be applied thought JavaScript
   * @required
   * @modifier
   * @group state
   */
  /**
   * Indicates error state for a step in the progress
   *
   * @selector .nds-has-error
   * @restrict .nds-progress__item
   * @required
   * @modifier
   */
}

.nds-progress__item .nds-button__icon {
  fill: #0070d2;
}

.nds-progress__item.nds-is-nonpristine .nds-progress__marker {
  background: #1589ee;
  border-color: #fff;
}

.nds-progress__item.nds-is-completed .nds-progress__marker, .nds-progress__item.nds-is-active .nds-progress__marker {
  background: #fff;
  border-color: #1589ee;
}

.nds-progress__item.nds-is-completed .nds-progress__marker_icon, .nds-progress__item.nds-is-completed .nds-progress__marker--icon {
  border-color: #fff;
  color: #ff6d00;
}

.nds-progress__item.nds-is-completed .nds-progress__marker, .nds-progress__item.nds-has-error .nds-progress__marker {
  border-color: #fff;
  width: auto;
  height: auto;
  line-height: 1;
}

.nds-progress__item.nds-is-completed .nds-progress__marker .nds-icon, .nds-progress__item.nds-has-error .nds-progress__marker .nds-icon {
  width: 0.875rem;
  height: 0.875rem;
  line-height: 1.875rem;
}

.nds-progress__item.nds-has-error .nds-progress__marker .nds-button__icon {
  fill: currentColor;
  background: #fff;
}

.nds-progress__item.nds-is-active .nds-progress__marker {
  box-shadow: #fff 0 0 0 4px;
}

.nds-progress__item.nds-is-active .nds-progress__marker:hover, .nds-progress__item.nds-is-active .nds-progress__marker:focus {
  border-color: #0070d2;
}

.nds-progress__item.nds-is-active .nds-progress__marker:focus {
  box-shadow: 0 0 0 4px #fff, 0 0 2px 5px #0070d2;
}

.nds-progress__item.nds-has-error .nds-progress__marker, .nds-progress__item.nds-has-error .nds-progress__marker:hover, .nds-progress__item.nds-has-error .nds-progress__marker:focus {
  color: #e71313;
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

.nds-progress__item.nds-has-error .nds-progress__marker:focus {
  box-shadow: 0 0 3px 0 #e71313;
}

.nds-progress__item .nds-popover_tooltip {
  display: none;
  left: calc(-50% + 8px);
  max-width: 30rem;
  white-space: nowrap;
  top: -2.8rem;
}

.nds-progress__item:hover .nds-popover_tooltip {
  display: block;
}

/**
 * Dot indicator for each step
 *
 * @selector .nds-progress__marker
 * @restrict .nds-progress ol li button
 * @required
 */
.nds-progress__marker {
  width: 1rem;
  height: 1rem;
  position: relative;
  border-radius: 50%;
  background: #dddbda;
  border: 4px solid #fff;
  vertical-align: middle;
  /**
   * Modifier that notifies the marker indicator that the step has been completed and its getting an icon
   *
   * @selector .nds-progress__marker_icon
   * @restrict .nds-progress__marker
   * @required
   */
}

.nds-progress__marker_icon, .nds-progress__marker--icon {
  width: auto;
  height: auto;
}

/**
 * A label for the step
 *
 * @selector .nds-progress__step-label
 * @restrict .nds-progress ol li div
 * @required
 */
.nds-progress__step-label {
  left: calc(-50% + 8px);
  max-width: 30rem;
  white-space: nowrap;
}

/**
 * Progress Ring component
 *
 * @summary Progress Ring component
 *
 * @variant
 * @name base
 * @selector .nds-progress-ring
 * @restrict div
 */
.nds-progress-ring {
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 1.5rem;
  background: #dddbda;
}

.nds-progress-ring .nds-icon_container {
  line-height: 0;
}

/**
 * @summary Progress indicator
 *
 * @selector .nds-progress-ring__progress
 * @restrict .nds-progress-ring div
 */
.nds-progress-ring__progress {
  transform: scale(-1, 1) rotate(-90deg);
}

.nds-progress-ring__progress svg {
  width: 100%;
}

/**
 *
 * @selector .nds-progress-ring__path
 * @restrict .nds-progress-ring__progress path
 */
.nds-progress-ring__path {
  fill: #003da5;
}

/**
 * @summary Progress ring content area
 *
 * @selector .nds-progress-ring__content
 * @restrict .nds-progress-ring > div
 */
.nds-progress-ring__content {
  position: absolute;
  top: 0.1875rem;
  right: 0.1875rem;
  bottom: 0.1875rem;
  left: 0.1875rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 1.5rem;
  background: #fff;
}

.nds-progress-ring__content .nds-icon {
  width: 0.75rem;
}

/**
 * @summary Warning colors
 *
 * @selector .nds-progress-ring_warning
 * @restrict .nds-progress-ring
 * @modifier
 * @group theme
 */
.nds-progress-ring_warning .nds-progress-ring__content {
  background: #fff;
}

.nds-progress-ring_warning .nds-icon,
.nds-progress-ring_warning .nds-progress-ring__path {
  fill: #ffb75d;
}

/**
 * @summary Expired colors
 *
 * @selector .nds-progress-ring_expired
 * @restrict .nds-progress-ring
 * @modifier
 * @group theme
 */
.nds-progress-ring_expired .nds-progress-ring__content {
  background: #fff;
}

.nds-progress-ring_expired .nds-icon,
.nds-progress-ring_expired .nds-progress-ring__path {
  fill: #d4504c;
}

/**
 * @summary Complete colors
 *
 * @selector .nds-progress-ring_complete
 * @restrict .nds-progress-ring
 * @modifier
 * @group theme
 */
.nds-progress-ring_complete .nds-icon {
  fill: #fff;
}

.nds-progress-ring_complete .nds-progress-ring__path {
  fill: #003da5;
}

.nds-progress-ring_complete .nds-progress-ring__content {
  background: #003da5;
}

/**
* The default rich text editor contains a minimal amount of text formatting capabilities.
*
* @name base
* @selector .nds-rich-text-editor
* @restrict div
* @variant
*/
.nds-rich-text-editor {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

/**
* Container for Rich Text Editor Toolbar
*
* @selector .nds-rich-text-editor__toolbar
* @restrict .nds-rich-text-editor div
*/
.nds-rich-text-editor__toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: nowrap;
  position: relative;
  padding: 0.5rem 0.5rem 0.25rem 0.5rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom: 1px solid #dddbda;
  background-color: #fafaf9;
}

/**
* Container for Rich Text Editor Bottom Toolbar
*
* @selector .nds-rich-text-editor__toolbar-bottom
* @restrict .nds-rich-text-editor__toolbar
*/
.nds-rich-text-editor__toolbar_bottom {
  border-radius: 0 0 0.25rem 0.25rem;
  border-top: 1px solid #dddbda;
  border-bottom: 0;
}

.nds-rich-text-editor .nds-button-group-list {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: 0;
}

.nds-rich-text-editor .nds-button-group-list:last-child {
  margin-right: 0;
}

/**
* Container for Rich Text Editor Combobox
*
* @selector .nds-rich-text-editor__select
* @restrict .nds-rich-text-editor__toolbar div
*/
.nds-rich-text-editor__select {
  margin-right: 0.25rem;
}

/**
* Focus state for rich text editor
*
* @selector .nds-has-focus
* @restrict .nds-rich-text-editor
* @modifier
*/
.nds-rich-text-editor.nds-has-focus {
  border-color: #7f7f7f;
  box-shadow: 0 0 2px 1px #0070d2;
}

/**
* Error state for rich text editor
*
* @selector .nds-has-error
* @restrict .nds-rich-text-editor
* @modifier
*/
.nds-rich-text-editor.nds-has-error {
  border: 2px solid #e71313;
}

/**
* Textarea for Rich Text Editor which is an editable div
*
* @selector .nds-textarea__content
* @restrict .nds-rich-text-editor__textarea div
*/
.nds-rich-text-area__content {
  overflow-y: auto;
  min-height: 6rem;
  max-height: 15rem;
  padding: 1rem;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: #fff;
}

.nds-picklist__label[disabled] .nds-icon {
  fill: #dddbda;
}

[contenteditable]:focus {
  outline: none;
}

/**
* These are the overrides for both input and output from the RTE.
* We may need to add or adjust these later based on further input.
*/
.slds-rich-text-editor__output,
.nds-rich-text-editor__textarea,
.nds-rich-text-editor__output {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
}

.slds-rich-text-editor__output a,
.nds-rich-text-editor__textarea a,
.nds-rich-text-editor__output a {
  word-break: break-all;
}

.slds-rich-text-editor__output h1,
.nds-rich-text-editor__textarea h1,
.nds-rich-text-editor__output h1 {
  font-size: 1.5rem;
}

.slds-rich-text-editor__output h2,
.nds-rich-text-editor__textarea h2,
.nds-rich-text-editor__output h2 {
  font-size: 1.125rem;
  font-weight: 700;
}

.slds-rich-text-editor__output h3,
.nds-rich-text-editor__textarea h3,
.nds-rich-text-editor__output h3 {
  font-size: 1.125rem;
}

.slds-rich-text-editor__output h4,
.nds-rich-text-editor__textarea h4,
.nds-rich-text-editor__output h4 {
  font-size: 0.875rem;
  font-weight: 700;
}

.slds-rich-text-editor__output h5,
.nds-rich-text-editor__textarea h5,
.nds-rich-text-editor__output h5 {
  font-size: 0.875rem;
}

.slds-rich-text-editor__output h6,
.nds-rich-text-editor__textarea h6,
.nds-rich-text-editor__output h6 {
  font-size: 0.75rem;
  font-weight: 700;
}

.slds-rich-text-editor__output h1,
.slds-rich-text-editor__output h2,
.slds-rich-text-editor__output h3,
.slds-rich-text-editor__output h4,
.slds-rich-text-editor__output h5,
.slds-rich-text-editor__output h6,
.slds-rich-text-editor__output ul,
.slds-rich-text-editor__output ol,
.slds-rich-text-editor__output dl,
.slds-rich-text-editor__output img,
.nds-rich-text-editor__textarea h1,
.nds-rich-text-editor__textarea h2,
.nds-rich-text-editor__textarea h3,
.nds-rich-text-editor__textarea h4,
.nds-rich-text-editor__textarea h5,
.nds-rich-text-editor__textarea h6,
.nds-rich-text-editor__textarea ul,
.nds-rich-text-editor__textarea ol,
.nds-rich-text-editor__textarea dl,
.nds-rich-text-editor__textarea img,
.nds-rich-text-editor__output h1,
.nds-rich-text-editor__output h2,
.nds-rich-text-editor__output h3,
.nds-rich-text-editor__output h4,
.nds-rich-text-editor__output h5,
.nds-rich-text-editor__output h6,
.nds-rich-text-editor__output ul,
.nds-rich-text-editor__output ol,
.nds-rich-text-editor__output dl,
.nds-rich-text-editor__output img {
  margin-bottom: 0.75rem;
}

.slds-rich-text-editor__output blockquote,
.nds-rich-text-editor__textarea blockquote,
.nds-rich-text-editor__output blockquote {
  margin: 2rem 1.5rem;
}

.slds-rich-text-editor__output ul,
.nds-rich-text-editor__textarea ul,
.nds-rich-text-editor__output ul {
  margin-left: 1.5rem;
  list-style: disc;
}

.slds-rich-text-editor__output ul ul,
.nds-rich-text-editor__textarea ul ul,
.nds-rich-text-editor__output ul ul {
  list-style: circle;
}

.slds-rich-text-editor__output ul ul ul,
.nds-rich-text-editor__textarea ul ul ul,
.nds-rich-text-editor__output ul ul ul {
  list-style: square;
}

.slds-rich-text-editor__output ul ol,
.nds-rich-text-editor__textarea ul ol,
.nds-rich-text-editor__output ul ol {
  margin-left: 1.5rem;
  list-style: decimal;
}

.slds-rich-text-editor__output ol,
.nds-rich-text-editor__textarea ol,
.nds-rich-text-editor__output ol {
  margin-left: 1.5rem;
  list-style: decimal;
}

.slds-rich-text-editor__output ol ol,
.nds-rich-text-editor__textarea ol ol,
.nds-rich-text-editor__output ol ol {
  list-style: lower-alpha;
}

.slds-rich-text-editor__output ol ol ol,
.nds-rich-text-editor__textarea ol ol ol,
.nds-rich-text-editor__output ol ol ol {
  list-style: lower-roman;
}

.slds-rich-text-editor__output ol ul,
.nds-rich-text-editor__textarea ol ul,
.nds-rich-text-editor__output ol ul {
  margin-left: 1.5rem;
  list-style: disc;
}

.slds-rich-text-editor__output dd,
.nds-rich-text-editor__textarea dd,
.nds-rich-text-editor__output dd {
  margin-left: 2.5rem;
}

.slds-rich-text-editor__output abbr[title],
.slds-rich-text-editor__output acronym[title],
.nds-rich-text-editor__textarea abbr[title],
.nds-rich-text-editor__textarea acronym[title],
.nds-rich-text-editor__output abbr[title],
.nds-rich-text-editor__output acronym[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.slds-rich-text-editor__output table,
.nds-rich-text-editor__textarea table,
.nds-rich-text-editor__output table {
  width: auto;
}

.slds-rich-text-editor__output table caption,
.nds-rich-text-editor__textarea table caption,
.nds-rich-text-editor__output table caption {
  text-align: center;
}

.slds-rich-text-editor__output th,
.slds-rich-text-editor__output td,
.nds-rich-text-editor__textarea th,
.nds-rich-text-editor__textarea td,
.nds-rich-text-editor__output th,
.nds-rich-text-editor__output td {
  padding: 0.5rem;
}

.page-title .slds-rich-text-editor__output {
  line-height: 1;
}

.nds-spinner_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.75);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease, visibility 0s;
  transition-delay: 0s, 0.3s;
  background-color: transparent;
}

.nds-spinner_container.nds-spinner_container_overlay {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 10000;
}

/* Follow production class names (not starting with nds-) */
/* stylelint-disable selector-class-pattern */
.nds-spinner_container.is-hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s;
  transition-delay: 0s, 0s;
}

.nds-spinner_container.hide {
  display: none;
}

/* stylelint-enable selector-class-pattern */
/**
 * This is the gray base class for spinner
 *
 * @name base
 * @selector .nds-spinner
 * @restrict div
 * @variant
 */
.nds-spinner {
  width: 4.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.nds-spinner svg circle {
  fill: #b0adab;
  /* clean-css ignore:start */
  r: 12.5%;
  /* clean-css ignore:end */
}

.nds-spinner svg circle:nth-child(1) {
  /* clean-css ignore:start */
  cx: 12.5%;
  /* clean-css ignore:end */
}

.nds-spinner svg circle:nth-child(2) {
  /* clean-css ignore:start */
  cx: 50%;
  /* clean-css ignore:end */
}

.nds-spinner svg circle:nth-child(3) {
  /* clean-css ignore:start */
  cx: 87.5%;
  /* clean-css ignore:end */
}

/**
 * This creates the blue brand spinner
 *
 * @selector .nds-spinner_brand
 * @restrict .nds-spinner
 * @modifier
 * @group color
 */
.nds-spinner_brand,
.nds-spinner--brand {
  text-align: center;
  width: 5.5rem;
}

.nds-spinner_brand > div,
.nds-spinner--brand > div {
  width: 18px;
  height: 18px;
  margin-right: 0.5rem;
  background-color: #003da5;
  border-radius: 100%;
  display: inline-block;
  animation: nds-bounce 1.4s infinite ease-in-out both;
}

.nds-spinner_brand .nds-dot-leading,
.nds-spinner--brand .nds-dot-leading {
  animation-delay: -0.32s;
}

.nds-spinner_brand .nds-dot-middle,
.nds-spinner--brand .nds-dot-middle {
  animation-delay: -0.16s;
}

.nds-spinner_brand svg circle,
.nds-spinner--brand svg circle {
  fill: #003da5;
  stroke: none;
}

/**
 * This creates the inverse spinner
 *
 * @selector .nds-spinner_inverse
 * @restrict .nds-spinner
 * @modifier
 * @group color
 */
.nds-spinner_inverse svg circle,
.nds-spinner--inverse svg circle {
  fill: #fff;
  stroke: none;
}

/**
 * This is the extra extra small spinner
 *
 * @selector .nds-spinner_xx-small
 * @restrict .nds-spinner
 * @modifier
 * @group size
 */
.nds-spinner_xx-small,
.nds-spinner--xx-small {
  width: 1rem;
}

/**
 * This is the extra small spinner
 *
 * @selector .nds-spinner_x-small
 * @restrict .nds-spinner
 * @modifier
 * @group size
 */
.nds-spinner_x-small,
.nds-spinner--x-small {
  width: 1.5rem;
}

/**
 * This is the small spinner
 *
 * @selector .nds-spinner_small
 * @restrict .nds-spinner
 * @modifier
 * @group size
 */
.nds-spinner_small,
.nds-spinner--small {
  width: 2.5rem;
}

/**
 * This is the medium spinner
 *
 * @selector .nds-spinner_medium
 * @restrict .nds-spinner
 * @modifier
 * @group size
 */
.nds-spinner_medium,
.nds-spinner--medium {
  width: 4rem;
}

/**
 * This is the large spinner
 *
 * @selector .nds-spinner_large
 * @restrict .nds-spinner
 * @modifier
 * @group size
 */
.nds-spinner_large,
.nds-spinner--large {
  width: 6rem;
}

/**
 * This is the loading message, specifically for the large spinner
 */
/* stylelint-disable selector-class-pattern */
.nds-spinner + .vlc-loading-message,
.nds-spinner + .vlc-loading-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + 2.75rem));
}

/* stylelint-enable selector-class-pattern */
@keyframes nds-bounce {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.nds-editblock_inline__spinner > .nds-spinner_container {
  background-color: unset;
  z-index: 9001;
}

/**
 * @summary Wrapper of split view
 *
 * @name base
 * @selector .nds-split-view_container
 * @restrict div
 * @variant
 */
.nds-split-view_container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  /**
   * @summary Modifier to rotate the left arrow icon on close
   * @selector .nds-is-closed
   * @restrict .nds-split-view_container, .nds-split-view__toggle-button
   * @modifier
   * @group toggle
   */
  /**
   * @summary Toggles open/close state of split view container
   * @selector .nds-is-open
   * @restrict .nds-split-view_container, .nds-split-view__toggle-button
   * @modifier
   * @group toggle
   */
}

.nds-split-view_container.nds-is-closed .nds-split-view {
  display: none;
}

.nds-split-view_container.nds-is-closed .nds-split-view__toggle-button .nds-button__icon {
  transform: rotate(180deg);
}

.nds-split-view_container.nds-is-open {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

.nds-split-view_container.nds-is-open .nds-split-view {
  display: inherit;
}

.nds-split-view_container.nds-is-open .nds-split-view__toggle-button .nds-button__icon {
  transform: rotate(0);
}

/**
 * @selector .nds-split-view
 * @restrict .nds-split-view_container article
 */
.nds-split-view {
  background: #fafaf9;
  color: #706e6b;
}

/**
 * @summary Header of split view
 * @selector .nds-split-view__header
 * @restrict .nds-split-view header
 * @notes Contains elements such as the list filter, view switcher and refresh button
 */
.nds-split-view__header {
  padding: 1rem 1rem 0.5rem 1.5rem;
}

/**
 * @summary Column headers
 * @selector .nds-split-view__list-header
 * @restrict .nds-split-view div
 */
.nds-split-view__list-header {
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}

/**
 * @summary Each row of the list of split view
 * @selector .nds-split-view__list-item
 * @restrict .nds-split-view li
 */
.nds-split-view__list-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: 1px solid #dddbda;
  font-size: 0.75rem;
}

.nds-split-view__list-item:hover, .nds-split-view__list-item:focus {
  background: #fff;
}

.nds-split-view__list-item .nds-indicator_unread,
.nds-split-view__list-item .nds-indicator--unread {
  background: #003da5;
}

/**
 * @summary Unread states
 * @selector .nds-indicator_unread
 * @restrict .nds-split-view__list-item abbr
 */
.nds-indicator_unread,
.nds-indicator--unread {
  width: 8px;
  height: 8px;
  position: absolute;
  top: 1rem;
  left: 0.5rem;
  display: block;
  border-radius: 50%;
  background: #c23934;
}

/**
 * @summary Actionable row of split view
 * @selector .nds-split-view__list-item-action
 * @restrict .nds-split-view__list-item a
 */
.nds-split-view__list-item-action {
  color: currentColor;
  padding: 0.75rem 1rem 0.75rem 1.5rem;
}

.nds-split-view__list-item-action:hover, .nds-split-view__list-item-action:focus {
  outline: none;
  background: #fff;
  color: currentColor;
  text-decoration: none;
}

.nds-split-view__list-item-action:focus {
  box-shadow: inset 0 0 0 1px #003da5;
}

.nds-split-view__list-item-action[aria-selected=true] {
  box-shadow: inset 4px 0 0 #003da5;
}

.nds-split-view__list-item-action[aria-selected=true]:focus {
  box-shadow: inset 4px 0 0 #003da5, inset 0 0 0 1px #003da5;
}

/**
 * @summary Expand/Collapse button to toggle open/close state of split view
 * @selector .nds-split-view__toggle-button
 * @restrict .nds-split-view_container button
 */
.nds-split-view__toggle-button {
  position: absolute;
  right: -0.75rem;
  height: 100%;
  width: 0.75rem;
  background: #fff;
  border-radius: 0;
  border: 1px solid #dddbda;
}

.nds-split-view__toggle-button:hover, .nds-split-view__toggle-button:focus {
  background: #fff;
}

.nds-split-view__toggle-button.nds-is-closed .nds-button__icon {
  transform: rotate(180deg);
}

/**
 * @summary Initializes tile
 *
 * @name base
 * @selector .nds-tile
 * @restrict article
 * @variant
 */
.nds-tile {
  /**
   * @selector .nds-tile__detail
   * @restrict .nds-tile div
   */
  /**
   * @selector .nds-tile__meta
   * @restrict .nds-tile div
   */
}

.nds-tile + .nds-tile {
  margin-top: 0.5rem;
}

.nds-tile__detail {
  position: relative;
}

.nds-tile__meta {
  color: #1b1b1b;
}

.nds-tile_board,
.nds-tile--board {
  position: relative;
}

.nds-tile_board__icon,
.nds-tile--board__icon {
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
}

.nds-tile_board .nds-has-alert,
.nds-tile--board .nds-has-alert {
  padding-right: 1.5rem;
}

.nds-tile_brand {
  position: relative;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  border-color: #003da5;
  padding: 0.75rem;
}

.nds-tile_neutral {
  position: relative;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  border-color: #dddbda;
  padding: 0.75rem;
}

/**
 * The default tab set style encapsulates everything that is underneath it
 * without enclosing it visually. Initialize a default tab set by applying the
 * `.nds-tab_default` class to the containing `<div>` around the tab list and
 * tab panels. The `<ul>` element also requires the class `.nds-tab_default__nav`
 * to prevent styles from bleeding into nested tabs.
 *
 * The overflow tab style is provided as a tab item type that acts as a menu
 * component and appears as a tab item. It could contain those tab items that
 * don't all fit in a horizontal orientation. Initialize a default tab set and
 * in the last tab item of the set, apply the additional classes `nds-dropdown-trigger`
 * and `.nds-tabs__item_overflow`. Include an `<a>` element to contain the
 * tab item label like the other tab items. After the `<a>` element, the
 * `.nds-dropdown` segment of a search overflow menu component is used. The
 * `nds-dropdown__list` element also then requires a `nds-dropdown_length-X`
 * class, where X is the number of items to show in it.
 *
 * @summary Initializes a default tablist
 *
 * @name base
 * @selector .nds-tabs_default
 * @restrict div
 * @variant
 */
.nds-tabs_default,
.nds-tabs--default {
  display: block;
  width: 100%;
  background-color: #fff;
  /**
   * @summary Creates the container for the default tabs
   * @selector .nds-tabs_default__nav
   * @restrict .nds-tabs_default ul
   */
  /**
   * @summary A tab item that has an overflow menu
   * @selector .nds-tabs__item_overflow
   * @restrict .nds-tabs_default__item
   */
}

.nds-tabs_default__nav,
.nds-tabs--default__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  border-bottom: 2px solid #dddbda;
}

@media (min-width: 48em) {
  .nds-tabs_default .nds-tabs__item + .nds-tabs__item,
.nds-tabs--default .nds-tabs__item + .nds-tabs__item {
    margin-left: 1.5rem;
  }
}
.nds-tabs_default .nds-tabs__item > a,
.nds-tabs--default .nds-tabs__item > a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  cursor: pointer;
  height: 2.5rem;
  line-height: 2.5rem;
  border-bottom: 2px solid transparent;
  padding: 0 0.5rem;
  color: #706e6b;
}

.nds-tabs_default .nds-tabs__item > a:focus,
.nds-tabs--default .nds-tabs__item > a:focus {
  outline: 0;
}

@media (min-width: 48em) {
  .nds-tabs_default .nds-tabs__item > a,
.nds-tabs--default .nds-tabs__item > a {
    padding: 0 1rem;
  }
}
.nds-tabs_default .nds-tabs__item > a:hover, .nds-tabs_default .nds-tabs__item > a:focus,
.nds-tabs--default .nds-tabs__item > a:hover,
.nds-tabs--default .nds-tabs__item > a:focus {
  text-decoration: none;
  border-color: #0070d2;
  color: #16325c;
}

.nds-tabs_default .nds-tabs__item.nds-active a,
.nds-tabs--default .nds-tabs__item.nds-active a {
  border-color: #0070d2;
  color: #16325c;
}

.nds-tabs_default .nds-tabs__item.nds-active a:focus,
.nds-tabs--default .nds-tabs__item.nds-active a:focus {
  color: #0070d2;
}

.nds-tabs_default > .nds-tabs__content,
.nds-tabs--default > .nds-tabs__content {
  position: relative;
  padding: 1rem 0;
}

.nds-tabs_default .nds-tabs__item_overflow,
.nds-tabs_default .nds-tabs__item--overflow,
.nds-tabs--default .nds-tabs__item_overflow,
.nds-tabs--default .nds-tabs__item--overflow {
  overflow: visible;
}

/**
 * @summary Styles each list item as a single tab
 * @selector .nds-tabs_default__item
 * @restrict .nds-tabs_default ul li
 */
.nds-tabs_default__item,
.nds-tabs--default__item {
  color: #706e6b;
  position: relative;
  padding: 0 0.75rem;
  margin-bottom: -2px;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  /**
   * @summary Active state for a tab item
   * @selector .nds-is-active
   * @restrict .nds-tabs_default__item
   * @notes Required on the `<li>` element that is associated with the active tab panel
   * @modifier
   */
  /**
   * @summary Focus state for a tab item
   * @selector .nds-has-focus
   * @restrict .nds-tabs_default__item
   * @modifier
   */
  /**
  * @summary Creates styles for a Tab Item when its tab has new activity in
  * @selector .nds-has-notification
  * @restrict .nds-tabs_default__item
  */
}

.nds-tabs_default__item:after,
.nds-tabs--default__item:after {
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  height: 2px;
}

.nds-tabs_default__item.nds-active, .nds-tabs_default__item.nds-is-active,
.nds-tabs--default__item.nds-active,
.nds-tabs--default__item.nds-is-active {
  color: #16325c;
}

.nds-tabs_default__item.nds-active:after, .nds-tabs_default__item.nds-is-active:after,
.nds-tabs--default__item.nds-active:after,
.nds-tabs--default__item.nds-is-active:after {
  background-color: #0070d2;
}

.nds-tabs_default__item.nds-active .nds-tabs_default__link,
.nds-tabs_default__item.nds-active .nds-tabs--default__link, .nds-tabs_default__item.nds-is-active .nds-tabs_default__link,
.nds-tabs_default__item.nds-is-active .nds-tabs--default__link,
.nds-tabs--default__item.nds-active .nds-tabs_default__link,
.nds-tabs--default__item.nds-active .nds-tabs--default__link,
.nds-tabs--default__item.nds-is-active .nds-tabs_default__link,
.nds-tabs--default__item.nds-is-active .nds-tabs--default__link {
  font-weight: 700;
}

.nds-tabs_default__item.nds-active .nds-tabs_default__link:hover,
.nds-tabs_default__item.nds-active .nds-tabs--default__link:hover, .nds-tabs_default__item.nds-is-active .nds-tabs_default__link:hover,
.nds-tabs_default__item.nds-is-active .nds-tabs--default__link:hover,
.nds-tabs--default__item.nds-active .nds-tabs_default__link:hover,
.nds-tabs--default__item.nds-active .nds-tabs--default__link:hover,
.nds-tabs--default__item.nds-is-active .nds-tabs_default__link:hover,
.nds-tabs--default__item.nds-is-active .nds-tabs--default__link:hover {
  color: #16325c;
}

.nds-tabs_default__item:hover:after,
.nds-tabs--default__item:hover:after {
  background-color: #0070d2;
}

.nds-tabs_default__item:focus, .nds-tabs_default__item.nds-has-focus,
.nds-tabs--default__item:focus,
.nds-tabs--default__item.nds-has-focus {
  outline: 0;
  color: #0070d2;
}

.nds-tabs_default__item:focus:after, .nds-tabs_default__item.nds-has-focus:after,
.nds-tabs--default__item:focus:after,
.nds-tabs--default__item.nds-has-focus:after {
  height: 3px;
  background-color: #0070d2;
}

.nds-tabs_default__item .nds-tabs_default__link:focus,
.nds-tabs_default__item .nds-tabs--default__link:focus,
.nds-tabs--default__item .nds-tabs_default__link:focus,
.nds-tabs--default__item .nds-tabs--default__link:focus {
  box-shadow: none;
}

.nds-tabs_default__item.nds-has-notification,
.nds-tabs--default__item.nds-has-notification {
  background: #fafaf9;
  color: #1b1b1b;
}

.nds-tabs_default__item.nds-has-notification:after,
.nds-tabs--default__item.nds-has-notification:after {
  background-color: #dddbda;
}

.nds-tabs_default__item.nds-has-notification:hover:after,
.nds-tabs--default__item.nds-has-notification:hover:after {
  background-color: #0070d2;
}

/**
 * @summary Styles each actionable element inside each tab item
 * @selector .nds-tabs_default__link
 * @restrict .nds-tabs_default__item a
 */
.nds-tabs_default__link,
.nds-tabs--default__link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  cursor: pointer;
  height: 2.5rem;
  line-height: 2.5rem;
  color: currentColor;
  border: 0;
}

.nds-tabs_default__link:focus,
.nds-tabs--default__link:focus {
  outline: 0;
}

.nds-tabs_default__link:hover, .nds-tabs_default__link:focus,
.nds-tabs--default__link:hover,
.nds-tabs--default__link:focus {
  text-decoration: none;
  box-shadow: none;
}

/**
 * @summary Styles each tab content wrapper
 * @selector .nds-tabs_default__content
 * @restrict .nds-tabs_default div
 */
.nds-tabs_default__content,
.nds-tabs--default__content {
  position: relative;
  padding: 1rem 0;
}

/**
 * A scoped tabset style has a closed container with a defined border. Initialize
 * a scoped tab set by applying the `.nds-tab_scoped` class to the containing
 * `<div>` around the tab list and tab panels. The `<ul>` element also requires
 * the class `.nds-tab_scoped__nav` to prevent styles from bleeding into nested tabs.
 *
 * @summary Initializes scoped tabs
 *
 * @name base
 * @selector .nds-tabs_scoped
 * @restrict div
 * @required
 * @variant
 */
.nds-tabs_scoped,
.nds-tabs--scoped {
  display: block;
  width: 100%;
  /**
   * Creates the container for the default tabs
   *
   * @selector .nds-tabs_scoped__nav
   * @restrict .nds-tabs_scoped ul
   * @required
   */
}

.nds-tabs_scoped__nav,
.nds-tabs--scoped__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  background-color: #fafaf9;
  border: 1px solid #dddbda;
  border-radius: 0.25rem 0.25rem 0 0;
}

.nds-tabs_scoped .nds-tabs__item,
.nds-tabs--scoped .nds-tabs__item {
  position: relative;
  margin-bottom: -1px;
}

.nds-tabs_scoped .nds-tabs__item + .nds-tabs__item,
.nds-tabs--scoped .nds-tabs__item + .nds-tabs__item {
  margin-left: -1px;
}

.nds-tabs_scoped .nds-tabs__item:first-child > a,
.nds-tabs--scoped .nds-tabs__item:first-child > a {
  border-left: 0;
  border-radius: 0.25rem 0 0 0;
}

.nds-tabs_scoped .nds-tabs__item > a,
.nds-tabs--scoped .nds-tabs__item > a {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  cursor: pointer;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1.5rem;
  color: #706e6b;
  background-clip: padding-box;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.nds-tabs_scoped .nds-tabs__item > a:focus,
.nds-tabs--scoped .nds-tabs__item > a:focus {
  outline: 0;
}

.nds-tabs_scoped .nds-tabs__item > a:hover, .nds-tabs_scoped .nds-tabs__item > a:focus,
.nds-tabs--scoped .nds-tabs__item > a:hover,
.nds-tabs--scoped .nds-tabs__item > a:focus {
  text-decoration: none;
  color: #005fb2;
  border-color: #dddbda;
}

.nds-tabs_scoped .nds-tabs__item .nds-active > a,
.nds-tabs--scoped .nds-tabs__item .nds-active > a {
  background-color: #fff;
  color: #2062d4;
  border-color: #dddbda;
}

.nds-tabs_scoped .nds-tabs__item .nds-active > a:focus,
.nds-tabs--scoped .nds-tabs__item .nds-active > a:focus {
  text-decoration: underline;
}

.nds-tabs_scoped > .nds-tabs__content,
.nds-tabs--scoped > .nds-tabs__content {
  background-color: #fff;
  border: 1px solid #dddbda;
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 1rem;
}

/**
 * Styles each list item as a single tab
 *
 * @selector .nds-tabs_scoped__item
 * @restrict .nds-tabs_scoped ul li
 * @required
 */
.nds-tabs_scoped__item,
.nds-tabs--scoped__item {
  position: relative;
  margin-bottom: -1px;
}

.nds-tabs_scoped__item + .nds-tabs_scoped__item,
.nds-tabs_scoped__item + .nds-tabs--scoped__item,
.nds-tabs--scoped__item + .nds-tabs_scoped__item,
.nds-tabs--scoped__item + .nds-tabs--scoped__item {
  margin-left: -1px;
}

.nds-tabs_scoped__item:first-child .nds-tabs_scoped__link, .nds-tabs_scoped__item:first-child .nds-tabs--scoped__link,
.nds-tabs--scoped__item:first-child .nds-tabs_scoped__link,
.nds-tabs--scoped__item:first-child .nds-tabs--scoped__link {
  border-left: 0;
  border-radius: 0.25rem 0 0 0;
}

/**
 * Styles each tab content wrapper
 *
 * @selector .nds-tabs_scoped__content
 * @restrict .nds-tabs_scoped div
 * @required
 */
.nds-tabs_scoped__content,
.nds-tabs--scoped__content {
  background-color: #fff;
  border: 1px solid #dddbda;
  border-top: 0;
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 1rem;
}

/**
 * Styles each actionable element inside each tab item
 *
 * @selector .nds-tabs_scoped__link
 * @restrict .nds-tabs_scoped__item a
 * @required
 */
.nds-tabs_scoped__link,
.nds-tabs--scoped__link {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  cursor: pointer;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  color: #706e6b;
  background-clip: padding-box;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.nds-tabs_scoped__link:focus,
.nds-tabs--scoped__link:focus {
  outline: 0;
}

.nds-tabs_scoped__link:hover, .nds-tabs_scoped__link:focus,
.nds-tabs--scoped__link:hover,
.nds-tabs--scoped__link:focus {
  text-decoration: none;
  color: #005fb2;
  border-color: #dddbda;
}

/**
 * Active state for a tab item
 *
 * @selector .nds-is-active
 * @restrict .nds-tabs_scoped__item
 * @notes Required on the `<li>` element that is associated with the active tab panel
 * @modifier
 */
.nds-active .nds-tabs_scoped__link,
.nds-active .nds-tabs--scoped__link,
.nds-is-active .nds-tabs_scoped__link,
.nds-is-active .nds-tabs--scoped__link {
  background-color: #fff;
  color: #2062d4;
  border-color: #dddbda;
  font-weight: 700;
}

.nds-active .nds-tabs_scoped__link:focus,
.nds-active .nds-tabs--scoped__link:focus,
.nds-is-active .nds-tabs_scoped__link:focus,
.nds-is-active .nds-tabs--scoped__link:focus {
  text-decoration: underline;
}

.nds-tabs__nav-scroller.nds-has-overflow {
  position: relative;
  padding-right: 4.7rem;
}

.nds-tab__scroll-controls {
  display: none;
}

.nds-has-overflow .nds-tabs__nav-scroller_inner,
.nds-has-overflow .nds-tabs__nav-scroller--inner {
  overflow: hidden;
}

.nds-has-overflow .nds-tabs_scoped__nav,
.nds-has-overflow .nds-tabs--scoped__nav,
.nds-has-overflow .nds-tabs_default__nav,
.nds-has-overflow .nds-tabs--default__nav {
  border: 0;
}

.nds-has-overflow .nds-tab__scroll-controls {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
}

.nds-tabs_default .nds-has-overflow .nds-tabs__nav-scroller_inner,
.nds-tabs_default .nds-has-overflow .nds-tabs__nav-scroller--inner,
.nds-tabs--default .nds-has-overflow .nds-tabs__nav-scroller_inner,
.nds-tabs--default .nds-has-overflow .nds-tabs__nav-scroller--inner {
  border-bottom: 1px solid #dddbda;
}

.nds-tabs_default .nds-tab__scroll-controls,
.nds-tabs--default .nds-tab__scroll-controls {
  padding: calc(0.25rem - 1px) 1px calc(0.25rem - 1px) 0.5rem;
  border-bottom: 1px solid #dddbda;
}

.nds-tabs_scoped .nds-has-overflow .nds-tabs__nav-scroller_inner,
.nds-tabs_scoped .nds-has-overflow .nds-tabs__nav-scroller--inner,
.nds-tabs--scoped .nds-has-overflow .nds-tabs__nav-scroller_inner,
.nds-tabs--scoped .nds-has-overflow .nds-tabs__nav-scroller--inner {
  border: 1px solid #dddbda;
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: #fafaf9;
}

.nds-tabs_scoped .nds-has-overflow .nds-tabs_scoped__item,
.nds-tabs_scoped .nds-has-overflow .nds-tabs--scoped__item,
.nds-tabs--scoped .nds-has-overflow .nds-tabs_scoped__item,
.nds-tabs--scoped .nds-has-overflow .nds-tabs--scoped__item {
  margin-bottom: 0;
  border-bottom: 1px solid #dddbda;
}

.nds-tabs_scoped .nds-has-overflow .nds-tabs_scoped__item.nds-active,
.nds-tabs_scoped .nds-has-overflow .nds-tabs--scoped__item.nds-active,
.nds-tabs--scoped .nds-has-overflow .nds-tabs_scoped__item.nds-active,
.nds-tabs--scoped .nds-has-overflow .nds-tabs--scoped__item.nds-active {
  border-bottom-color: #fff;
}

.nds-tabs_scoped .nds-tab__scroll-controls,
.nds-tabs--scoped .nds-tab__scroll-controls {
  padding: calc(0.25rem - 1px) 0.25rem;
  border: 1px solid #dddbda;
  border-radius: 0 0.25rem 0 0;
}

/**
 * Sub Tabs are used to provide an additional level of navigation below the
 * Global Navigation Tab Bar. Use these tabs when users need to work across
 * multiple sub-pages within a single navigation item.
 *
 * ----
 *
 * The first tab within the Sub Tab Bar is always the default content for the
 * parent navigation item. To differentiate this tab from other sub-navigation
 * tabs, this tab cannot be closed.
 *
 * When opening a navigation item for the first time, the default sub-navigation
 * tab can be assumed; don’t show the Sub Tab Bar.
 *
 * When opening the first additional sub-navigation tab a new tab bar is inserted
 * containing both the default tab and the new sub-navigation tab.
 *
 * All sub tabs are closed when the parent navigation item is closed.
 *
 * Sub Tabs can optionally include a tab menu for additional controls.
 *
 * @summary Sub tabs
 *
 * @name sub-tabs
 * @selector .nds-tabs_default
 * @restrict div
 * @variant
 */
.nds-sub-tabs__item {
  text-transform: none;
  letter-spacing: 0;
}

/**
 *
 * @summary Initializes a vpl styled tablist
 *
 * @name vpl
 * @selector .nds-tabs_default-vpl
 * @restrict .nds-tabs_default
 * @variant
 */
.nds-tabs_default-vpl .nds-tabs_default__item,
.nds-tabs_default-vpl .nds-tabs--default__item {
  /**
  * @summary Focus state for a tab item
  * @selector .nds-has-focus
  * @restrict .nds-tabs_default__item
  * @modifier
  */
}

.nds-tabs_default-vpl .nds-tabs_default__item.nds-active, .nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active {
  color: #16325c;
}

.nds-tabs_default-vpl .nds-tabs_default__item.nds-active:after, .nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active:after,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active:after,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active:after {
  background-color: #003da5;
}

.nds-tabs_default-vpl .nds-tabs_default__item.nds-active .nds-tabs_default__link,
.nds-tabs_default-vpl .nds-tabs_default__item.nds-active .nds-tabs--default__link, .nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active .nds-tabs_default__link,
.nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active .nds-tabs--default__link,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active .nds-tabs_default__link,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active .nds-tabs--default__link,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active .nds-tabs_default__link,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active .nds-tabs--default__link {
  font-weight: 700;
}

.nds-tabs_default-vpl .nds-tabs_default__item.nds-active .nds-tabs_default__link:hover,
.nds-tabs_default-vpl .nds-tabs_default__item.nds-active .nds-tabs--default__link:hover, .nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active .nds-tabs_default__link:hover,
.nds-tabs_default-vpl .nds-tabs_default__item.nds-is-active .nds-tabs--default__link:hover,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active .nds-tabs_default__link:hover,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-active .nds-tabs--default__link:hover,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active .nds-tabs_default__link:hover,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-is-active .nds-tabs--default__link:hover {
  color: #16325c;
}

.nds-tabs_default-vpl .nds-tabs_default__item:hover:after,
.nds-tabs_default-vpl .nds-tabs--default__item:hover:after {
  background-color: #003da5;
}

.nds-tabs_default-vpl .nds-tabs_default__item:focus, .nds-tabs_default-vpl .nds-tabs_default__item.nds-has-focus,
.nds-tabs_default-vpl .nds-tabs--default__item:focus,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-has-focus {
  outline: 0;
  color: #0070d2;
}

.nds-tabs_default-vpl .nds-tabs_default__item:focus:after, .nds-tabs_default-vpl .nds-tabs_default__item.nds-has-focus:after,
.nds-tabs_default-vpl .nds-tabs--default__item:focus:after,
.nds-tabs_default-vpl .nds-tabs--default__item.nds-has-focus:after {
  height: 3px;
  background-color: #003da5;
}

/**
 * @name base
 * @selector .nds-nav-vertical
 * @restrict nav
 * @variant
 */
.nds-nav-vertical {
  position: relative;
}

/**
 * Modifer to reduce spacing between navigation items
 *
 * @selector .nds-nav-vertical_compact
 * @restrict .nds-nav-vertical
 * @modifier
 */
.nds-nav-vertical_compact .nds-nav-vertical__title,
.nds-nav-vertical_compact .nds-nav-vertical__action {
  padding: 0.25rem 1.5rem;
}

/**
 * Modifier to adjust list item when vertical navigation is sitting on top of a shaded background
 *
 * @selector .nds-nav-vertical_shade
 * @restrict .nds-nav-vertical
 * @modifier
 */
.nds-nav-vertical_shade .nds-nav-vertical__action:hover {
  background-color: #f3f2f2;
}

.nds-nav-vertical_shade .nds-nav-vertical__action:active {
  background-color: #ecebea;
}

.nds-nav-vertical_shade .nds-is-active .nds-nav-vertical__action {
  background-color: #fff;
  border-color: #dddbda;
}

/**
 * Section title of the vertical navigation
 *
 * @selector .nds-nav-vertical__title
 * @restrict .nds-nav-vertical h2
 */
.nds-nav-vertical__title {
  padding: 0.5rem 1rem;
  padding-left: 1.5rem;
}

.nds-nav-vertical__title:not(:first-of-type) {
  margin-top: 0.5rem;
}

.nds-nav-vertical__section:not(:first-of-type) {
  margin-top: 0.5rem;
}

/**
 * List of the vertical navigation
 *
 * @selector .nds-nav-vertical__item
 * @restrict .nds-nav-vertical li
 */
.nds-nav-vertical__item {
  position: relative;
}

.nds-nav-vertical__item.nds-is-active:before {
  content: "";
  width: 4px;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: #0070d2;
}

/**
 * Actionable element inside of vertical navigation list item
 *
 * @selector .nds-nav-vertical__action
 * @restrict .nds-nav-vertical a, .nds-nav-vertical button
 */
.nds-nav-vertical__action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 0.5rem 1.5rem;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}

.nds-nav-vertical__action, .nds-nav-vertical__action:active, .nds-nav-vertical__action:hover, .nds-nav-vertical__action:focus {
  color: currentColor;
}

.nds-nav-vertical__action:hover {
  background-color: #fafaf9;
  text-decoration: none;
}

.nds-nav-vertical__action:focus {
  outline: 0;
  box-shadow: none;
  text-decoration: underline;
}

.nds-nav-vertical__action:active {
  background-color: #f3f2f2;
}

.nds-nav-vertical__action:active:focus {
  text-decoration: none;
}

/**
 * Active state of a list item within a vertical navigation
 *
 * @selector .nds-is-active
 * @restrict .nds-nav-vertical__item
 * @modifier
 */
.nds-nav-vertical__item.nds-is-active {
  color: #2062d4;
}

.nds-nav-vertical__item.nds-is-active .nds-nav-vertical__action {
  background-color: #ecebea;
}

/**
 * @name base
 * @selector .nds-navigation-list_vertical
 * @restrict div
 * @variant
 * @deprecated
 */
.nds-navigation-list-vertical,
.nds-navigation-list--vertical {
  /**
   * Active item in vertical navigation list
   *
   * @selector .nds-is-active
   * @restrict .nds-navigation-list-vertical li
   * @modifier
   */
}

.nds-navigation-list-vertical .nds-is-active,
.nds-navigation-list--vertical .nds-is-active {
  color: #2062d4;
}

.nds-navigation-list-vertical .nds-is-active .nds-navigation-list-vertical__action,
.nds-navigation-list-vertical .nds-is-active .nds-navigation-list--vertical__action,
.nds-navigation-list--vertical .nds-is-active .nds-navigation-list-vertical__action,
.nds-navigation-list--vertical .nds-is-active .nds-navigation-list--vertical__action {
  background-color: #ecebea;
  border-color: #dddbda;
  border-left-color: #ff6d00;
}

.nds-navigation-list-vertical .nds-is-active .nds-navigation-list-vertical__action:focus,
.nds-navigation-list-vertical .nds-is-active .nds-navigation-list--vertical__action:focus,
.nds-navigation-list--vertical .nds-is-active .nds-navigation-list-vertical__action:focus,
.nds-navigation-list--vertical .nds-is-active .nds-navigation-list--vertical__action:focus {
  border-left-width: 0.5rem;
  color: #005fb2;
}

/**
 * Vertical Navigation on tinted background
 *
 * @selector .nds-navigation-list-vertical_shade
 * @restrict .nds-navigation-list-vertical
 * @modifier
 * @group theme
 */
.nds-navigation-list-vertical_shade .nds-is-active .nds-navigation-list-vertical__action,
.nds-navigation-list-vertical_shade .nds-is-active .nds-navigation-list--vertical__action,
.nds-navigation-list-vertical--shade .nds-is-active .nds-navigation-list-vertical__action,
.nds-navigation-list-vertical--shade .nds-is-active .nds-navigation-list--vertical__action,
.nds-navigation-list--vertical-inverse .nds-is-active .nds-navigation-list-vertical__action,
.nds-navigation-list--vertical-inverse .nds-is-active .nds-navigation-list--vertical__action {
  background-color: #fff;
}

/**
 * Actionable item inside a vertical navigation list
 *
 * @selector .nds-navigation-list-vertical__action
 * @restrict .nds-navigation-list-vertical a
 * @required
 */
.nds-navigation-list-vertical__action,
.nds-navigation-list--vertical__action {
  display: block;
  border-left: 0.25rem solid transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0.5rem 1.5rem;
}

.nds-navigation-list-vertical__action:hover, .nds-navigation-list-vertical__action:focus,
.nds-navigation-list--vertical__action:hover,
.nds-navigation-list--vertical__action:focus {
  outline: 0;
  background-color: #fafaf9;
}

.nds-navigation-list-vertical__action:active,
.nds-navigation-list--vertical__action:active {
  background-color: #f3f2f2;
}

/**
 * Actionable element that toggles visibility of overflown list items
 *
 * @selector .nds-nav-vertical__action_overflow
 * @restrict .nds-nav-vertical__action
 */
.nds-nav-vertical__action_overflow {
  color: #706e6b;
}

.nds-nav-vertical__action_overflow[aria-expanded=true] .nds-button__icon {
  transform: rotate(90deg);
}

/**
 * Text inside of actionable element that toggles visibility of overflown list items
 *
 * @selector .nds-nav-vertical__action-text
 * @restrict .nds-nav-vertical__action_overflow span
 */
.nds-nav-vertical__action-text {
  color: #2062d4;
}

/**
 * @summary Initializes alert notification
 *
 * @name base
 * @selector .nds-notify_alert
 * @restrict div
 * @variant
 */
.nds-notify_alert,
.nds-notify--alert {
  color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: relative;
  background: rgba(112, 110, 107, 0.95);
  font-weight: 300;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
  text-align: center;
  width: 100%;
  /**
   * Alert close button
   *
   * @selector .nds-notify__close
   * @restrict .nds-notify button
   */
}

.nds-notify_alert a,
.nds-notify--alert a {
  color: currentColor;
}

.nds-notify_alert a:hover, .nds-notify_alert a:focus,
.nds-notify--alert a:hover,
.nds-notify--alert a:focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  outline: 0;
}

.nds-notify_alert a:active,
.nds-notify--alert a:active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-notify_alert a[disabled],
.nds-notify--alert a[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-notify_alert .nds-notify__close,
.nds-notify--alert .nds-notify__close {
  float: right;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  margin-left: 0.25rem;
  transform: translateY(-50%);
}

/**
 * @summary Initializes Prompt style notification
 *
 * @name base
 * @selector .nds-modal_prompt
 * @restrict .nds-modal
 * @required
 * @variant
 */
.nds-modal_prompt .nds-modal__header,
.nds-modal--prompt .nds-modal__header {
  border-bottom: 0;
}

.nds-modal_prompt .nds-modal__content,
.nds-modal--prompt .nds-modal__content {
  padding-left: 2rem;
  padding-right: 2rem;
}

.nds-modal_prompt .nds-modal__footer,
.nds-modal--prompt .nds-modal__footer {
  border-top: 0;
  text-align: center;
}

.nds-modal_prompt .nds-modal__close,
.nds-modal--prompt .nds-modal__close {
  display: none;
}

/**
 * @name base
 * @selector .nds-notify_container
 * @restrict div
 * @variant
 */
.nds-notify-container,
.nds-notify_container {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10000;
  text-align: center;
}

/**
 * Initializes toast notification
 *
 * @selector .nds-notify_toast
 * @restrict .nds-notify_container div
 * @required
 */
.nds-notify_toast,
.nds-notify--toast {
  color: #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  background: #706e6b;
  font-weight: 300;
  border-radius: 0.25rem;
  margin: 0.5rem;
  padding: 0.75rem 3rem 0.75rem 1.5rem;
  min-width: 30rem;
  text-align: left;
  -ms-flex-pack: start;
      justify-content: flex-start;
  /**
   * Alert close button
   *
   * @selector .nds-notify__close
   * @restrict .nds-notify_toast button
   * @required
   */
}

.nds-notify_toast a,
.nds-notify--toast a {
  color: currentColor;
}

.nds-notify_toast a:hover, .nds-notify_toast a:focus,
.nds-notify--toast a:hover,
.nds-notify--toast a:focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  outline: 0;
}

.nds-notify_toast a:active,
.nds-notify--toast a:active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-notify_toast a[disabled],
.nds-notify--toast a[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-notify_toast .nds-notify__close,
.nds-notify--toast .nds-notify__close {
  float: right;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  margin-left: 0.25rem;
  transform: translateY(-0.125rem);
}

.nds-region_narrow .nds-notify_toast,
.nds-region_narrow .nds-notify--toast {
  min-width: auto;
  width: 100%;
  margin-left: 0;
}

@media (max-width: 38em) {
  .nds-notify_toast,
.nds-notify--toast {
    min-width: unset;
  }
}
/**
*
* @name base
* @selector .nds-scoped-notification
* @restrict div
* @variant
*/
.nds-scoped-notification {
  padding: 0.75rem;
}

/**
* @summary This renders a light notification
*
* @selector .nds-scoped-notification_light
* @restrict .nds-scoped-notification
* @modifier
*/
.nds-scoped-notification_light {
  background-color: #fafaf9;
}

/**
* @summary This renders the dark notification
*
* @selector .nds-scoped-notification_dark
* @restrict .nds-scoped-notification
* @modifier
*/
.nds-scoped-notification_dark {
  background-color: #706e6b;
  color: #fff;
}

.nds-scoped-notification_dark a {
  color: #fff;
  text-decoration: underline;
}

.nds-scoped-notification_dark a:hover, .nds-scoped-notification_dark a:active {
  text-decoration: none;
}

/**
*
* @name form
* @summary This has modifications to accept and display focus in certain scenarios
* @selector .nds-scoped-notification_form
* @restrict .nds-scoped-notification
*/
.nds-scoped-notification_form {
  border-radius: 0.25rem;
}

.nds-scoped-notification_form:focus {
  outline: none;
  background-clip: padding-box;
}

.nds-scoped-notification_form.nds-scoped-notification--error:focus, .nds-scoped-notification_form.nds-scoped-notification_error:focus {
  box-shadow: #d25640 0 0 0 2px inset;
}

/**
 *
 * @selector .nds-notification-container
 * @restrict div
 */
.nds-notification-container {
  position: fixed;
  display: block;
  width: 20.5rem;
  right: 0.25rem;
  top: 0.25rem;
  padding: 0.25rem 0.25rem 0.5rem;
  z-index: 8500;
}

/**
 *
 * @name base
 * @selector .nds-notification
 * @restrict .nds-notification-container section, .nds-notification-container div
 * @variant
 */
.nds-notification {
  position: relative;
  width: 20rem;
  border: 1px solid #a8b7c7;
  border-radius: 0.25rem;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.nds-notification + .nds-notification {
  margin-top: 0.75rem;
}

.nds-notification:nth-of-type(4) {
  position: relative;
  top: -4.5rem;
  transform: scaleX(0.95);
  z-index: -1;
}

.nds-notification:nth-of-type(n+5) {
  display: none;
}

/**
 * @summary The body of the notification
 *
 * @selector .nds-notification__body
 * @restrict .nds-notification div
 */
/**
 * @summary Main reminder component
 *
 * @selector .nds-notification__target
 * @restrict .nds-notification__body a
 */
.nds-notification__target {
  padding: 0.75rem 1.5rem 1rem 0.75rem;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #1b1b1b;
}

.nds-notification__target:hover, .nds-notification__target:focus {
  background-color: #fafaf9;
  text-decoration: none;
}

/**
 * @summary Optional notification footer
 *
 * @selector .nds-notification__footer
 * @restrict .nds-notification div
 */
.nds-notification__footer {
  padding: 0.75rem 0.75rem 1rem 0.75rem;
}

/**
 * @summary Notification close button
 *
 * @selector .nds-notification__close
 * @restrict .nds-notification__body button
 */
.nds-notification__close {
  position: absolute;
  top: 0;
  right: 0;
}

.nds-modal__header .nds-notify-container,
.nds-modal__header .nds-notify_container {
  position: absolute;
}

.nds-modal__header .nds-notify_toast,
.nds-modal__header .nds-notify--toast {
  display: block;
}

/**
 * @summary Sets styles for trial header bar
 * @name header
 * @selector .nds-trial-header
 * @restrict div
 * @variant
 */
.nds-trial-header {
  color: #fff;
  height: 3.125rem;
  background: #061c3f;
  padding: 0 1rem;
}

.nds-trial-header .nds-icon {
  fill: currentColor;
}

.nds-trial-header a:not(.nds-button--neutral), .nds-trial-header button:not(.nds-button--neutral) {
  color: currentColor;
}

.nds-trial-header a:not(.nds-button--neutral):hover, .nds-trial-header a:not(.nds-button--neutral):focus, .nds-trial-header button:not(.nds-button--neutral):hover, .nds-trial-header button:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: none;
  outline: 0;
}

.nds-trial-header a:not(.nds-button--neutral):active, .nds-trial-header button:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-trial-header a:not(.nds-button--neutral)[disabled], .nds-trial-header button:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-trial-header .nds-icon_selected,
.nds-trial-header .nds-icon--selected {
  fill: #4bca81;
}

/**
 * @summary Container that manages layout when a listbox of pill options sit next to a combobox search input
 *
 * @name base
 * @selector .nds-combobox-lookup
 * @restrict div
 * @variant
 */
.nds-lookup {
  position: relative;
  width: 100%;
  /**
   * Initializes lookup results list
   *
   * @selector .nds-lookup__list
   * @restrict .nds-lookup ul
   */
  /**
   * Initializes lookup results list container
   *
   * @selector .nds-lookup__menu
   * @restrict .nds-lookup div
   * @notes Applies positioning and container styles
   * @required
   */
  /**
   * Non-actionable label inside of a lookup item
   *
   * @selector .nds-lookup__item_label
   * @restrict .nds-lookup h3
   */
  /**
   * Actionable element inside of a lookup item
   *
   * @selector .nds-lookup__item-action
   * @restrict .nds-lookup a, .nds-lookup button, .nds-lookup span
   */
  /**
   * Actionable element inside of a lookup item that's output is single line text
   *
   * @selector .nds-lookup__item-action_label
   * @restrict .nds-lookup__item-action
   */
  /**
   * Search input inside of lookup
   *
   * @selector .nds-lookup__search-input
   * @restrict .nds-lookup input
   */
  /**
   * Primary entity name within lookup item
   *
   * @selector .nds-lookup__result-text
   * @restrict .nds-lookup__item-action span
   */
  /**
   * Secondary info of primary entity name within lookup item
   *
   * @selector .nds-lookup__result-meta
   * @restrict .nds-lookup__item-action span
   */
  /**
   * Deal with Lookup when user activates the lookup
   *
   * @selector .nds-is-open
   * @restrict .nds-lookup
   * @modifier
   */
  /**
   * Deal with lookup if selection has been made
   *
   * @selector .nds-has-selection
   * @restrict .nds-lookup
   */
}

.nds-lookup__list {
  max-height: 20.75rem;
  overflow-y: auto;
}

.nds-lookup__menu {
  background: #fff;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  z-index: 7000;
  position: absolute;
  width: 100%;
  padding: 0.5rem 0;
  display: none;
}

.nds-lookup__item > a,
.nds-lookup__item > span,
.nds-lookup__item > button {
  display: block;
  padding: 0.5rem;
  color: #1b1b1b;
  text-align: left;
  width: 100%;
  line-height: 1.5;
  border-radius: 0;
}

.nds-lookup__item > a:hover, .nds-lookup__item > a:focus,
.nds-lookup__item > span:hover,
.nds-lookup__item > span:focus,
.nds-lookup__item > button:hover,
.nds-lookup__item > button:focus {
  outline: 0;
  background-color: #fafaf9;
  color: #1b1b1b;
  text-decoration: none;
}

.nds-lookup__item > a .nds-icon,
.nds-lookup__item > span .nds-icon,
.nds-lookup__item > button .nds-icon {
  margin-right: 0.5rem;
}

.nds-lookup__item_label, .nds-lookup__item--label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.5rem 1rem;
}

.nds-lookup__item-action {
  font-size: 0.8125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.25rem 1rem;
  color: #1b1b1b;
  text-align: left;
  width: 100%;
  line-height: 1.5;
  border-radius: 0;
  /**
   * Hover/focus state for actionable lookup item
   *
   * @selector .nds-has-focus
   * @restrict .nds-lookup__item-action
   * @modifier
   */
}

.nds-lookup__item-action:hover, .nds-lookup__item-action:focus, .nds-lookup__item-action.nds-has-focus {
  outline: 0;
  cursor: pointer;
  background-color: #fafaf9;
  color: #1b1b1b;
  text-decoration: none;
}

.nds-lookup__item-action .nds-media__figure {
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}

.nds-lookup__item-action_label, .nds-lookup__item-action--label {
  padding: 0.5rem 1rem;
}

.nds-lookup__item-action_label .nds-icon, .nds-lookup__item-action--label .nds-icon {
  margin-left: 0.25rem;
  margin-right: 0.75rem;
}

.nds-lookup__search-input {
  width: 100%;
}

.nds-lookup__result-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-bottom: 0.125rem;
}

.nds-lookup__result-meta {
  display: block;
  margin-top: -0.25rem;
  color: #1b1b1b;
}

.nds-lookup__pill-container {
  padding: 0 0.5rem 0.25rem;
}

.nds-lookup mark {
  font-weight: 700;
  background-color: transparent;
}

.nds-lookup.nds-is-open .nds-lookup__menu {
  display: block;
}

.nds-lookup.nds-has-selection .nds-input,
.nds-lookup.nds-has-selection .nds-input__icon,
.nds-lookup.nds-has-selection .nds-lookup__search-input {
  display: none;
}

.nds-lookup.nds-has-selection .nds-pill {
  display: -ms-flexbox;
  display: flex;
}

.nds-lookup.nds-has-selection .nds-pill__remove {
  margin-left: auto;
}

/**
 * An image is the preferred format for an avatar
 *
 * @summary Creates an avatar component
 * @name base
 * @selector .nds-avatar
 * @restrict div, span, a
 * @variant
 */
.nds-avatar {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.25rem;
  line-height: 1;
  color: #fff;
}

.nds-avatar:hover, .nds-avatar:focus:hover {
  color: currentColor;
}

/**
 * Size modifier for avatars - x-small
 *
 * @selector .nds-avatar_x-small
 * @restrict .nds-avatar
 * @modifier
 * @group size
 */
.nds-avatar_x-small,
.nds-avatar--x-small {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.625rem;
}

.nds-avatar_x-small .nds-icon,
.nds-avatar--x-small .nds-icon {
  width: 1.25rem;
  height: 1.25rem;
}

/**
 * Size modifier for avatars - small
 *
 * @selector .nds-avatar_small
 * @restrict .nds-avatar
 * @modifier
 * @group size
 */
.nds-avatar_small,
.nds-avatar--small {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.625rem;
}

.nds-avatar_small .nds-icon,
.nds-avatar--small .nds-icon {
  width: 1.5rem;
  height: 1.5rem;
}

/**
 * Size modifier for avatars - medium
 *
 * @selector .nds-avatar_medium
 * @restrict .nds-avatar
 * @modifier
 * @group size
 */
.nds-avatar_medium,
.nds-avatar--medium {
  width: 2rem;
  height: 2rem;
  font-size: 0.875rem;
}

.nds-avatar_medium .nds-icon,
.nds-avatar--medium .nds-icon {
  width: 2rem;
  height: 2rem;
}

/**
 * Size modifier for avatars - large
 *
 * @selector .nds-avatar_large
 * @restrict .nds-avatar
 * @modifier
 * @group size
 */
.nds-avatar_large,
.nds-avatar--large {
  width: 3rem;
  height: 3rem;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.25;
}

.nds-avatar_large .nds-icon,
.nds-avatar--large .nds-icon {
  width: 3rem;
  height: 3rem;
}

/**
 * Make avatar a circle
 *
 * @selector .nds-avatar_circle
 * @restrict .nds-avatar
 * @modifier
 */
.nds-avatar_circle,
.nds-avatar--circle {
  border-radius: 50%;
}

.nds-avatar_empty,
.nds-avatar--empty {
  border: 1px dashed #dddbda;
}

/**
 * If an image is unavailable, up to two letters can be used instead.
 * If the record name contains two words, like first and last name, use
 * the first capitalized letter of each. For records that only have a
 * single word name, use the first two letters of that word using one
 * capital and one lower case letter. The background color should match
 * the entity or object icon. If no image or initials are available,
 * the fallback should be the icon for the entity or object.
 *
 * @summary Used for initials inside an avatar
 * @selector .nds-avatar__initials
 * @restrict .nds-avatar abbr
 */
.nds-avatar__initials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
  height: 100%;
}

.nds-avatar__initials[title] {
  cursor: default;
  text-decoration: none;
}

.nds-avatar__initials:hover {
  color: #fff;
  cursor: default;
}

/**
 * A figure component is a self-contained unit of content, such as an image with an optional caption. The figure component should NOT be used with icons or logos. A figure can optionally be cropped to a specific ratio such as 16x9, 4x3 and 1x1 with the use of `.nds-image__crop` and passing in a ratio class such as `.nds-image__crop_16-by-9`.
 *
 * @summary Initializes a file component
 *
 * @name base
 * @selector .nds-file
 * @restrict figure, div
 * @variant
 */
.nds-image,
.nds-file {
  display: block;
  position: relative;
  /**
   * Set crop boundaries to a file component, set to 16:9 by default
   *
   * @selector .nds-file__crop
   * @restrict .nds-file div, .nds-file a
   */
  /**
   * Image caption associated to a file
   *
   * @selector .nds-file__title
   * @restrict .nds-file figcaption, .nds-file div
   */
  /**
   * Hack to accomodate for text truncation next to actions menu buttons
   *
   * @selector .nds-file-has-actions
   * @restrict .nds-file__title
   */
  /**
   * If text sits on top of image, apply an overlay with this class
   *
   * @selector .nds-file_overlay
   * @restrict .nds-file div
   */
  /**
   * Change style of image to a card look
   *
   * @selector .nds-file_card
   * @restrict .nds-file
   */
  /**
   * When only image type is available, this class help position the file type icon
   *
   * @selector .nds-file__icon
   * @restrict .nds-file div, .nds-file span
   */
  /**
   * This positions the action menu on the title bar
   *
   * @selector .nds-file__actions-menu
   * @restrict .nds-file div
   */
  /**
   * This adds an external icon to the top left side of the card
   *
   * @selector .nds-file__external-icon
   * @restrict .nds-file div
   * @required
   */
  /**
   * This changes the color of the loading icon
   *
   * @selector .nds-file__loading-icon
   * @restrict .nds-file svg
   * @required
   */
  /**
   * This vertically centers the icon when there is no title bar
   *
   * @selector .nds-file_center-icon
   * @restrict .nds-file
   */
}

.nds-image:hover,
.nds-file:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease-in-out;
}

.nds-image:focus,
.nds-file:focus {
  border: 1px solid #0070d2;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
}

.nds-image__crop,
.nds-file__crop {
  display: block;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  /**
   * Crops file to a ratio of 1:1
   *
   * @selector .nds-file__crop_1-by-1
   * @restrict .nds-file__crop
   * @modifier
   * @group ratio
   */
  /**
   * Crops file to a ratio of 16:9
   *
   * @selector .nds-file__crop_16-by-9
   * @restrict .nds-file__crop
   * @modifier
   * @group ratio
   */
  /**
   * Crops file to a ratio of 4:3
   *
   * @selector .nds-file__crop_4-by-3
   * @restrict .nds-file__crop
   * @modifier
   * @group ratio
   */
}

.nds-image__crop img,
.nds-file__crop img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  max-width: 200%;
}

.nds-image__crop:after,
.nds-file__crop:after {
  content: "";
  display: block;
}

.nds-image__crop_1-by-1, .nds-image__crop--1-by-1,
.nds-file__crop_1-by-1,
.nds-file__crop--1-by-1 {
  padding-top: 100%;
}

.nds-image__crop_16-by-9, .nds-image__crop--16-by-9,
.nds-file__crop_16-by-9,
.nds-file__crop--16-by-9 {
  padding-top: 56.25%;
}

.nds-image__crop_4-by-3, .nds-image__crop--4-by-3,
.nds-file__crop_4-by-3,
.nds-file__crop--4-by-3 {
  padding-top: 75%;
}

.nds-image__title,
.nds-file__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0.5rem;
  /**
   * Adds overlay to file
   *
   * @selector .nds-file__title_overlay
   * @restrict .nds-file__title
   */
  /**
   * Creates card title bar on file
   *
   * @selector .nds-file__title_card
   * @restrict .nds-file__title
   */
  /**
   * Creates gradient scrim bar on file
   *
   * @selector .nds-file__title_scrim
   * @restrict .nds-file__title
   */
}

.nds-image__title_overlay, .nds-image__title--overlay,
.nds-file__title_overlay,
.nds-file__title--overlay {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.nds-image__title_overlay .nds-media__body, .nds-image__title--overlay .nds-media__body,
.nds-file__title_overlay .nds-media__body,
.nds-file__title--overlay .nds-media__body {
  z-index: 1;
}

.nds-image__title_card, .nds-image__title--card,
.nds-file__title_card,
.nds-file__title--card {
  background: #fafaf9;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.nds-image__title_scrim,
.nds-file__title_scrim {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
}

.nds-image-has-actions,
.nds-file-has-actions {
  padding-right: 3rem;
}

.nds-image_overlay, .nds-image--overlay,
.nds-file_overlay,
.nds-file--overlay {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.nds-image_card, .nds-image--card,
.nds-file_card,
.nds-file--card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
}

.nds-image__icon,
.nds-file__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-top: -1rem;
}

.nds-image__actions-menu,
.nds-file__actions-menu {
  position: absolute;
  bottom: 0.5rem;
  right: 0.25rem;
}

.nds-image__external-icon,
.nds-file__external-icon {
  position: absolute;
  top: 2.5rem;
  left: 1.5rem;
}

.nds-image__loading-icon,
.nds-file__loading-icon {
  fill: #dddbda;
}

.nds-image_center-icon .nds-file__icon,
.nds-file_center-icon .nds-file__icon {
  margin-top: 0;
}

/**
 * @summary Initializes data table
 *
 * @name base
 * @selector .nds-table
 * @restrict table
 * @required
 * @variant
 */
.nds-table {
  background-color: #fff;
  font-size: inherit;
  /**
   * Default Table Row Hover
   *
   * @selector .nds-no-row-hover
   * @restrict .nds-table
   * @modifier
   */
  /**
   * Selected Table Row + Hover
   *
   * @selector .nds-is-selected
   * @restrict .nds-table tr
   * @modifier
   */
  /**
   * By default, nowrap is applied
   *
   * @selector .nds-cell-wrap
   * @restrict .nds-table th, .nds-table td
   * @modifier
   */
  /**
   * Use to add a left padding buffer to cells
   *
   * @selector .nds-cell-buffer_left
   * @restrict .nds-table th, .nds-table td
   * @modifier
   */
  /**
   * Use to add a right padding buffer to cells
   *
   * @selector .nds-cell-buffer_right
   * @restrict .nds-table th, .nds-table td
   * @modifier
   */
  /**
   * Focus state on a cell
   *
   * @selector .nds-has-focus
   * @restrict .nds-table th, .nds-table td
   * @modifier
   */
}

.nds-table th,
.nds-table td {
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  position: relative;
}

.nds-table th {
  font-weight: 400;
}

.nds-table th:focus {
  outline: 0;
}

.nds-table thead th {
  background-color: #fafaf9;
  color: #514f4d;
  padding: 0.25rem 0.5rem;
}

.nds-table:not(.nds-no-row-hover) tbody tr:hover, .nds-table:not(.nds-no-row-hover) tbody tr:focus {
  outline: 0;
}

.nds-table:not(.nds-no-row-hover) tbody tr:hover > td,
.nds-table:not(.nds-no-row-hover) tbody tr:hover > th, .nds-table:not(.nds-no-row-hover) tbody tr:focus > td,
.nds-table:not(.nds-no-row-hover) tbody tr:focus > th {
  background-color: #fafaf9;
}

.nds-table tbody tr.nds-is-selected > td,
.nds-table tbody tr.nds-is-selected > th, .nds-table:not(.nds-no-row-hover) tr.nds-is-selected:hover > td,
.nds-table:not(.nds-no-row-hover) tr.nds-is-selected:hover > th {
  background-color: #ecebea;
}

.nds-table .nds-data-table-group-button {
  border: none;
  background-color: inherit;
}

.nds-table .nds-data-table-group-button:focus {
  background-color: inherit;
}

.nds-table .nds-cell-wrap {
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nds-table .nds-cell-shrink {
  width: 1%;
}

.nds-table .nds-cell-buffer_left,
.nds-table .nds-cell-buffer--left {
  padding-left: 1.5rem;
}

.nds-table .nds-cell-buffer_right,
.nds-table .nds-cell-buffer--right {
  padding-right: 1.5rem;
}

.nds-table tbody tr {
  counter-increment: row-number;
}

.nds-table .nds-row-number:after {
  content: counter(row-number);
}

.nds-table th:focus,
.nds-table [role=gridcell]:focus {
  outline: 0;
}

.nds-table th:focus,
.nds-table th.nds-has-focus,
.nds-table [role=gridcell]:focus,
.nds-table [role=gridcell].nds-has-focus {
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-table th:active,
.nds-table [role=gridcell]:active {
  box-shadow: none;
}

/**
 * Add left and right padding to the first and last cells of a table
 *
 * @selector .nds-table_cell-buffer
 * @restrict .nds-table
 * @required
 * @modifier
 */
.nds-table_cell-buffer tr > th:first-child,
.nds-table_cell-buffer tr > td:first-child,
.nds-table--cell-buffer tr > th:first-child,
.nds-table--cell-buffer tr > td:first-child {
  padding-left: 1.5rem;
}

.nds-table_cell-buffer tr > th:last-child,
.nds-table_cell-buffer tr > td:last-child,
.nds-table--cell-buffer tr > th:last-child,
.nds-table--cell-buffer tr > td:last-child {
  padding-right: 1.5rem;
}

/**
 * Add vertical borders to a table
 *
 * @selector .nds-table_bordered
 * @restrict .nds-table
 * @modifier
 */
.nds-table_bordered,
.nds-table--bordered {
  border-collapse: separate;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid #dddbda;
}

.nds-table_bordered thead > tr + tr > th,
.nds-table--bordered thead > tr + tr > th {
  border-top: 1px solid #dddbda;
}

.nds-table_bordered tbody td,
.nds-table_bordered tbody th,
.nds-table--bordered tbody td,
.nds-table--bordered tbody th {
  border-top: 1px solid #dddbda;
}

.nds-table_bordered:not(.nds-no-row-hover) tbody tr:hover > td:not(.nds-is-selected), .nds-table_bordered:not(.nds-no-row-hover) tbody tr:hover > th:not(.nds-is-selected), .nds-table_bordered:not(.nds-no-row-hover) tbody tr:focus > td:not(.nds-is-selected), .nds-table_bordered:not(.nds-no-row-hover) tbody tr:focus > th:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:hover > td:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:hover > th:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:focus > td:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:focus > th:not(.nds-is-selected) {
  box-shadow: #dddbda 0 -1px 0 inset, #dddbda 0 1px 0 inset;
}

/**
 * Add column borders
 *
 * @selector .nds-table_col-bordered
 * @restrict .nds-table
 * @modifier
 */
.nds-table_col-bordered td + td,
.nds-table_col-bordered th + th,
.nds-table_col-bordered th + td,
.nds-table_col-bordered td + th,
.nds-table--col-bordered td + td,
.nds-table--col-bordered th + th,
.nds-table--col-bordered th + td,
.nds-table--col-bordered td + th {
  border-left: 1px solid #dddbda;
}

/**
 * Add alternating strips to rows
 *
 * @selector .nds-table_striped
 * @restrict .nds-table
 * @modifier
 */
.nds-table_striped tbody tr:nth-of-type(even) > td,
.nds-table_striped tbody tr:nth-of-type(even) > th,
.nds-table--striped tbody tr:nth-of-type(even) > td,
.nds-table--striped tbody tr:nth-of-type(even) > th {
  background-color: #fafaf9;
}

/**
 * @summary Set table to use fixed layout for width and truncation purposes
 *
 * @name advanced
 * @selector .nds-table_fixed-layout
 * @restrict .nds-table
 * @variant
 */
.nds-table_fixed-layout,
.nds-table--fixed-layout {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

.nds-table_fixed-layout thead,
.nds-table--fixed-layout thead {
  background-color: #fff;
}

.nds-table_fixed-layout tbody,
.nds-table--fixed-layout tbody {
  transform: translateZ(0);
}

.nds-table_fixed-layout .nds-cell-shrink,
.nds-table--fixed-layout .nds-cell-shrink {
  width: 3rem;
}

.nds-table_fixed-layout .nds-cell-shrink:nth-child(n),
.nds-table--fixed-layout .nds-cell-shrink:nth-child(n) {
  padding-left: 0;
  padding-right: 0;
}

.nds-table_fixed-layout .nds-cell-shrink:first-child,
.nds-table--fixed-layout .nds-cell-shrink:first-child {
  text-align: right;
  padding-right: 0.5rem;
}

.nds-table_fixed-layout .nds-cell-shrink:last-child,
.nds-table--fixed-layout .nds-cell-shrink:last-child {
  text-align: left;
  padding-left: 0.5rem;
}

/**
 * If the column is sortable than lets handle the actionable
 * region of the `<th>` cell
 *
 * @selector .nds-is-sortable
 * @restrict .nds-table_fixed-layout th
 */
.nds-is-sortable .nds-th__action:hover,
.nds-is-sortable .nds-th__action:focus, .nds-is-sortable.nds-has-focus .nds-th__action, .nds-is-sortable.nds-has-focus .nds-th__action:hover, .nds-is-sortable.nds-has-focus .nds-th__action:focus {
  background-color: #fff;
  color: currentColor;
}

.nds-is-sortable .nds-th__action:hover .nds-icon,
.nds-is-sortable .nds-th__action:focus .nds-icon, .nds-is-sortable.nds-has-focus .nds-th__action .nds-icon, .nds-is-sortable.nds-has-focus .nds-th__action:hover .nds-icon, .nds-is-sortable.nds-has-focus .nds-th__action:focus .nds-icon {
  display: inline-block;
  fill: #2062d4;
}

/**
 * Actionable area inside th
 *
 * @selector .nds-th__action
 * @restrict .nds-table_fixed-layout th div, .nds-table_fixed-layout th a
 */
.nds-th__action {
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 0.5rem;
  height: 2rem;
  -ms-flex-align: center;
      align-items: center;
  /**
   * Allows for alignment of form element, such as a checkbox
   *
   * @selector .nds-th__action_form
   * @restrict .nds-th__action
   */
}

.nds-th__action:focus, .nds-th__action:hover {
  outline: 0;
  background-color: #fff;
}

.nds-th__action_form, .nds-th__action--form {
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/**
 * Icon inside sortable th
 *
 * @selector .nds-is-sortable__icon
 * @restrict .nds-is-sortable .nds-icon
 */
.nds-is-sortable__icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
  display: none;
}

/**
 * Active state of sorted column
 *
 * @selector .nds-is-sorted
 * @restrict .nds-table_fixed-layout th
 */
.nds-is-sorted {
  /**
   * Change direction of arrow
   *
   * @name sorted-ascending
   * @selector .nds-is-sorted_asc
   * @restrict .nds-is-sorted
   * @modifier
   */
}

.nds-is-sorted .nds-is-sortable__icon {
  display: inline-block;
}

.nds-is-sorted_asc .nds-is-sortable__icon, .nds-is-sorted--asc .nds-is-sortable__icon {
  transform: rotate(180deg);
}

/**
 * Resizable data table columns
 *
 * @selector .nds-table_resizable-cols
 * @restrict .nds-table_fixed-layout
 */
.nds-table_resizable-cols thead th,
.nds-table--resizable-cols thead th {
  padding: 0;
}

/**
 * Provide an indicator that resizing is available
 *
 * @selector .nds-is-resizable
 * @restrict .nds-table_resizable-cols th
 */
.nds-is-resizable .nds-th__action:hover,
.nds-is-resizable .nds-th__action:focus {
  box-shadow: #dddbda -0.25rem 0 0 inset;
}

/**
 * Resizable handle
 *
 * @selector .nds-resizable
 * @restrict .nds-is-resizable div
 */
.nds-resizable {
  max-width: 100%;
  /**
   * Grab handle to resize column
   *
   * @selector .nds-resizable__handle
   * @restrict .nds-resizable span
   */
  /**
   * Grab handle divider indicator when resizing column
   *
   * @selector .nds-resizable__divider
   * @restrict .nds-resizable__handle span
   */
}

.nds-resizable__handle {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.25rem;
  height: 100%;
  background: #003da5;
  display: block;
  cursor: col-resize;
  opacity: 0;
  z-index: 5000;
}

.nds-resizable__handle:hover, .nds-resizable__handle:focus, .nds-resizable__handle:active {
  opacity: 1;
}

.nds-resizable__divider {
  position: absolute;
  right: 0;
  height: 100vh;
  width: 1px;
  background: #003da5;
}

.nds-resizable__input:focus ~ .nds-resizable__handle {
  opacity: 1;
}

/**
 * @summary Use this class to join a table to a page-header
 *
 * @selector .nds-has-top-magnet
 * @restrict .nds-table
 */
.nds-table_joined table,
.nds-table.nds-has-top-magnet table {
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.nds-table_joined-wrapper {
  padding: 1rem 1rem 0 1rem;
  border-radius: 0.25rem;
  background-clip: padding-box;
}

.nds-table_joined-wrapper .nds-table {
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

/**
 * Responsive tables
 *
 * When a table exceeds the width of its container, one responsive option is to wrap the table in a `.nds-scrollable_x` class so that the user can scroll horizontally. View the example small and medium form factor tabs to see the effect.
 *
 * When `.nds-max-medium-table_stacked` is applied to the &ldquo;Grid&rdquo; table, we generate faux `<th>` labels using the `data-label` applied to each cell, and stack the cells instead of lining them up horizontally. This works up until the **medium form factor** breakpoint. After the breakpoint is triggered, the table will lay out horizontally as normal.
 *
 * When `.nds-max-medium-table_stacked` is applied to the &ldquo;Grid&rdquo; table, we generate faux `<th>` labels using the `data-label` applied to each cell, and stack the cells instead of lining them up horizontally. This works up until the **medium form factor** breakpoint. After the breakpoint is triggered, the table will lay out horizontally as normal.
 *
 * @summary Creates stacked row with stacked cells
 *
 * @name responsive
 * @selector .nds-max-medium-table_stacked
 * @restrict .nds-table
 * @variant
 * @layout responsive
 * @prototype
 */
@media (max-width: 48em) {
  .nds-max-medium-table_stacked,
.nds-max-medium-table--stacked {
    border: 0;
  }

  .nds-max-medium-table_stacked thead,
.nds-max-medium-table--stacked thead {
    /* stylelint-disable declaration-no-important */
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    /* stylelint-enable declaration-no-important */
  }

  .nds-max-medium-table_stacked th,
.nds-max-medium-table--stacked th {
    border-top: 0;
  }

  .nds-max-medium-table_stacked tr,
.nds-max-medium-table--stacked tr {
    display: block;
    border-top: 2px solid #dddbda;
  }

  .nds-max-medium-table_stacked th,
.nds-max-medium-table_stacked td,
.nds-max-medium-table--stacked th,
.nds-max-medium-table--stacked td {
    display: block;
    padding: 0.75rem;
    max-width: 100%;
    width: 100%;
    clear: both;
    white-space: normal;
    overflow: hidden;
    text-align: left;
  }

  .nds-max-medium-table_stacked th.nds-truncate,
.nds-max-medium-table_stacked td.nds-truncate,
.nds-max-medium-table--stacked th.nds-truncate,
.nds-max-medium-table--stacked td.nds-truncate {
    max-width: 100%;
  }

  .nds-max-medium-table_stacked th:before,
.nds-max-medium-table_stacked td:before,
.nds-max-medium-table--stacked th:before,
.nds-max-medium-table--stacked td:before {
    font-size: 0.75rem;
    line-height: 1.25;
    color: #706e6b;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    display: block;
    padding-bottom: 0.25rem;
    content: attr(data-label);
  }

  .nds-max-medium-table_stacked tr > td:first-child,
.nds-max-medium-table_stacked tr > td:last-child,
.nds-max-medium-table--stacked tr > td:first-child,
.nds-max-medium-table--stacked tr > td:last-child {
    padding: 0.75rem;
  }

  .nds-max-medium-table_stacked:not(.nds-no-row-hover) tbody tr:hover,
.nds-max-medium-table--stacked:not(.nds-no-row-hover) tbody tr:hover {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable declaration-no-important */
  }

  .nds-max-medium-table_stacked:not(.nds-no-row-hover) tbody tr:hover td,
.nds-max-medium-table_stacked:not(.nds-no-row-hover) tbody tr:hover th,
.nds-max-medium-table--stacked:not(.nds-no-row-hover) tbody tr:hover td,
.nds-max-medium-table--stacked:not(.nds-no-row-hover) tbody tr:hover th {
    background-color: inherit !important;
    box-shadow: none !important;
  }

  .nds-max-medium-table_stacked .nds-is-interactive .nds-button,
.nds-max-medium-table--stacked .nds-is-interactive .nds-button {
    visibility: visible;
  }

  .nds-max-medium-table_stacked .nds-cell-shrink,
.nds-max-medium-table--stacked .nds-cell-shrink {
    width: auto;
  }
}
@media (max-width: 48em) {
  .nds-max-medium-table_stacked td:before,
.nds-max-medium-table_stacked th:before,
.nds-max-medium-table--stacked td:before,
.nds-max-medium-table--stacked th:before {
    padding-bottom: 0.25rem;
  }
}
/**
 * @summary Creates stacked rows with horizontal cells
 *
 * @selector .nds-max-medium-table_stacked-horizontal
 * @restrict .nds-table
 * @modifier
 * @layout responsive
 * @prototype
 */
@media (max-width: 48em) {
  .nds-max-medium-table_stacked-horizontal,
.nds-max-medium-table--stacked-horizontal {
    border: 0;
  }

  .nds-max-medium-table_stacked-horizontal thead,
.nds-max-medium-table--stacked-horizontal thead {
    /* stylelint-disable declaration-no-important */
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    /* stylelint-enable declaration-no-important */
  }

  .nds-max-medium-table_stacked-horizontal th,
.nds-max-medium-table--stacked-horizontal th {
    border-top: 0;
  }

  .nds-max-medium-table_stacked-horizontal tr,
.nds-max-medium-table--stacked-horizontal tr {
    display: block;
    border-top: 2px solid #dddbda;
  }

  .nds-max-medium-table_stacked-horizontal th,
.nds-max-medium-table_stacked-horizontal td,
.nds-max-medium-table--stacked-horizontal th,
.nds-max-medium-table--stacked-horizontal td {
    display: block;
    padding: 0.75rem;
    max-width: 100%;
    width: 100%;
    clear: both;
    white-space: normal;
    overflow: hidden;
    text-align: left;
  }

  .nds-max-medium-table_stacked-horizontal th.nds-truncate,
.nds-max-medium-table_stacked-horizontal td.nds-truncate,
.nds-max-medium-table--stacked-horizontal th.nds-truncate,
.nds-max-medium-table--stacked-horizontal td.nds-truncate {
    max-width: 100%;
  }

  .nds-max-medium-table_stacked-horizontal th:before,
.nds-max-medium-table_stacked-horizontal td:before,
.nds-max-medium-table--stacked-horizontal th:before,
.nds-max-medium-table--stacked-horizontal td:before {
    font-size: 0.75rem;
    line-height: 1.25;
    color: #706e6b;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    display: block;
    padding-bottom: 0.25rem;
    content: attr(data-label);
  }

  .nds-max-medium-table_stacked-horizontal tr > td:first-child,
.nds-max-medium-table_stacked-horizontal tr > td:last-child,
.nds-max-medium-table--stacked-horizontal tr > td:first-child,
.nds-max-medium-table--stacked-horizontal tr > td:last-child {
    padding: 0.75rem;
  }

  .nds-max-medium-table_stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover,
.nds-max-medium-table--stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover {
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable declaration-no-important */
  }

  .nds-max-medium-table_stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover td,
.nds-max-medium-table_stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover th,
.nds-max-medium-table--stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover td,
.nds-max-medium-table--stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover th {
    background-color: inherit !important;
    box-shadow: none !important;
  }

  .nds-max-medium-table_stacked-horizontal .nds-is-interactive .nds-button,
.nds-max-medium-table--stacked-horizontal .nds-is-interactive .nds-button {
    visibility: visible;
  }

  .nds-max-medium-table_stacked-horizontal .nds-cell-shrink,
.nds-max-medium-table--stacked-horizontal .nds-cell-shrink {
    width: auto;
  }
}
@media (max-width: 48em) {
  .nds-max-medium-table_stacked-horizontal td,
.nds-max-medium-table--stacked-horizontal td {
    text-align: right;
  }

  .nds-max-medium-table_stacked-horizontal td:before,
.nds-max-medium-table--stacked-horizontal td:before {
    float: left;
    margin-top: 0.125rem;
  }

  .nds-max-medium-table_stacked-horizontal .nds-truncate,
.nds-max-medium-table--stacked-horizontal .nds-truncate {
    max-width: 100%;
  }
}
.nds-table_edit_container:focus,
.nds-table--edit_container:focus {
  outline: none;
}

.nds-table_edit_container:focus:before,
.nds-table--edit_container:focus:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #fafaf9;
  box-shadow: 0 0 0 4px #1589ee inset;
}

.nds-table_edit_container:focus .nds-table_edit_container-message,
.nds-table_edit_container:focus .nds-table--edit_container-message,
.nds-table--edit_container:focus .nds-table_edit_container-message,
.nds-table--edit_container:focus .nds-table--edit_container-message {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20rem;
  margin-top: -2.25rem;
  margin-left: -10rem;
  background-color: #fff;
  text-align: center;
  z-index: 1;
}

.nds-table_edit_container-message,
.nds-table--edit_container-message {
  display: none;
}

/**
 * Inline edit plugin for advanced tables
 *
 * #### Accessibility
 * The Advanced Data Table and Inline Edit Data Table are based on the semantics,
 * roles and interaction model of the [ARIA Grid](http://w3c.github.io/aria/practices/aria-practices.html#grid).
 * In NDS we overlay the ARIA Grid on top of native HTML table semantics.
 *
 * The role of Grid comes with 2 distinct modes, Navigation mode and Actionable
 * mode. Both come with very specific keyboard interaction modals. Navigation
 * mode is the default mode of the Grid.
 *
 * **Navigation Mode**
 * - Tabbing into the grid focuses the first data cell in the table.
 * - The second tab key press takes the user focus out of the grid onto the next focusable element on the page.
 * - Once the user has tabbed out of the grid, tabbing back into the grid will return focus to the last cell the user was focused on.
 * - Navigation in the grid is accomplished via the arrow keys.
 * - No actionable items in cell contents are focusable.
 * - Pressing the Enter key on a chosen grid cell, places the entire Grid into Actionable mode.
 *
 * **Actionable Mode**
 * - Once in Actionable mode, all focusable items in the entire grid can be tabbed to.
 * - Arrow navigation still takes the user cell to cell in any direction, but focuses on the first actionable item in the cell, if there is one.
 * - Pressing the Escape key exits Actionable mode, placing the user back into Navigation mode, keeping the users cursor on the same cell they were focused in.
 * - When interacting with a component in a cell, such as a Menu, that also uses the Escape key as an exit action, pressing Escape will take the user back to the triggering element in the current cell. A subsequent press of Escape will return the user to Navigation mode.
 *
 * For the purposes of these docs, the Default state of Inline Edit is
 * representative of Navigation mode, all other states are assumed to be in Actionable Mode.
 *
 * @summary Initiates inline-edit mode for data-tables
 *
 * @name inline-edit
 * @selector .nds-table_edit
 * @restrict .nds-table_fixed-layout
 * @required
 * @variant
 */
.nds-table_edit,
.nds-table--edit {
  /**
   * Cell that has error icon appear within
   *
   * @selector .nds-cell-error
   * @restrict .nds-table_edit td
   * @required
   */
}

.nds-table_edit thead th,
.nds-table--edit thead th {
  padding: 0;
}

.nds-table_edit .nds-cell-error,
.nds-table--edit .nds-cell-error {
  padding-left: 0;
}

.nds-table_edit:not(.nds-no-cell-focus) tbody tr:hover > .nds-cell-edit.nds-has-focus,
.nds-table--edit:not(.nds-no-cell-focus) tbody tr:hover > .nds-cell-edit.nds-has-focus {
  background-color: #fff;
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-table_edit.nds-table tbody tr:hover > .nds-cell-edit:hover,
.nds-table--edit.nds-table tbody tr:hover > .nds-cell-edit:hover {
  background-color: #fff;
}

.nds-table_edit.nds-table tbody tr:hover > .nds-cell-edit.nds-is-edited,
.nds-table--edit.nds-table tbody tr:hover > .nds-cell-edit.nds-is-edited {
  background-color: #faffbd;
}

.nds-table_edit.nds-table tbody tr:hover > .nds-cell-edit.nds-has-error,
.nds-table--edit.nds-table tbody tr:hover > .nds-cell-edit.nds-has-error {
  background-color: #faffbd;
  box-shadow: #e71313 0 0 0 2px inset;
}

.nds-table_edit .nds-button__icon_edit:focus,
.nds-table_edit .nds-button__icon--edit:focus,
.nds-table--edit .nds-button__icon_edit:focus,
.nds-table--edit .nds-button__icon--edit:focus {
  fill: #1589ee;
}

.nds-has-focus .nds-th__action {
  background-color: #fff;
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-has-focus.nds-is-resizable .nds-th__action,
.nds-has-focus.nds-is-resizable .nds-th__action:focus,
.nds-has-focus.nds-is-resizable .nds-th__action:hover,
.nds-has-focus.nds-is-resizable .nds-th__action:focus:hover,
.nds-is-resizable .nds-th__action:focus,
.nds-is-resizable .nds-th__action:focus:hover {
  background-color: #fff;
  box-shadow: #0070d2 0 0 0 1px inset, #0070d2 -0.25rem 0 0 inset;
}

/**
 * Informs a table cell that it has editing capabilities
 *
 * @selector .nds-cell-edit
 * @restrict .nds-table_edit th, .nds-table_edit td
 */
.nds-cell-edit {
  outline: 0;
  /**
   * Informs a cell that it has been edited but not saved
   *
   * @selector .nds-is-edited
   * @restrict .nds-cell-edit
   * @modifier
   */
  /**
   * Informs a cell that it has an error inside of it
   *
   * @selector .nds-has-error
   * @restrict .nds-cell-edit
   * @modifier
   */
}

.nds-cell-edit.nds-has-focus {
  background-color: #fff;
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-cell-edit.nds-has-focus .nds-button__icon_edit,
.nds-cell-edit.nds-has-focus .nds-button__icon--edit,
.nds-cell-edit.nds-has-focus .nds-button__icon_lock,
.nds-cell-edit.nds-has-focus .nds-button__icon--lock {
  opacity: 1;
}

.nds-cell-edit.nds-has-focus:hover {
  box-shadow: #0070d2 0 0 0 1px inset;
}

.nds-cell-edit.nds-has-focus a:focus {
  text-decoration: underline;
  outline: none;
}

.nds-cell-edit.nds-is-edited, .nds-cell-edit.nds-is-edited:hover {
  background-color: #faffbd;
}

.nds-cell-edit.nds-has-error, .nds-cell-edit.nds-has-error:hover {
  background-color: #faffbd;
  box-shadow: #e71313 0 0 0 2px inset;
}

/**
 * @selector .nds-cell-edit__button
 * @restrict .nds-cell-edit button
 */
.nds-cell-edit__button {
  width: 1.25rem;
  height: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nds-cell-edit__button:focus .nds-button__icon_edit, .nds-cell-edit__button:focus .nds-button__icon--edit {
  opacity: 1;
}

/**
 * Handles children of the table where we don't want any focusable cells
 *
 * @selector .nds-no-cell-focus
 * @restrict .nds-table_edit
 * @modifier
 */
.nds-no-cell-focus .nds-has-focus {
  background: #fafaf9;
  box-shadow: none;
}

.nds-no-cell-focus .nds-has-focus .nds-th__action,
.nds-no-cell-focus .nds-has-focus .nds-th__action:hover,
.nds-no-cell-focus .nds-has-focus .nds-th__action:focus,
.nds-no-cell-focus .nds-has-focus .nds-th__action:focus:hover {
  color: inherit;
  background-color: #fff;
  box-shadow: none;
}

.nds-no-cell-focus .nds-has-focus .nds-button__icon_edit,
.nds-no-cell-focus .nds-has-focus .nds-button__icon--edit {
  opacity: 1;
}

.nds-no-cell-focus .nds-has-focus.nds-is-resizable:hover .nds-th__action {
  background-color: #fff;
  box-shadow: #dddbda -0.25rem 0 0 inset;
}

.nds-no-cell-focus .nds-is-sortable.nds-has-focus .nds-is-sortable__icon {
  display: none;
}

.nds-no-cell-focus .nds-is-sorted.nds-has-focus .nds-is-sortable__icon {
  display: inline-block;
  fill: #706e6b;
}

.nds-no-cell-focus .nds-is-edited, .nds-no-cell-focus .nds-is-edited:hover {
  background-color: #faffbd;
}

.nds-no-cell-focus .nds-has-error, .nds-no-cell-focus .nds-has-error:hover {
  background-color: #faffbd;
  box-shadow: #e71313 0 0 0 2px inset;
}

.nds-no-cell-focus thead .nds-has-focus:hover {
  color: #2062d4;
}

.nds-no-cell-focus thead .nds-has-focus:hover .nds-is-sortable__icon {
  display: inline-block;
  fill: #2062d4;
}

.nds-hint-parent .nds-cell-edit .nds-button__icon_edit,
.nds-hint-parent .nds-cell-edit .nds-button__icon--edit,
.nds-hint-parent .nds-cell-edit .nds-button__icon_lock,
.nds-hint-parent .nds-cell-edit .nds-button__icon--lock {
  opacity: 0;
}

.nds-hint-parent .nds-cell-edit:hover .nds-button__icon_edit,
.nds-hint-parent .nds-cell-edit:hover .nds-button__icon--edit, .nds-hint-parent .nds-cell-edit:focus .nds-button__icon_edit,
.nds-hint-parent .nds-cell-edit:focus .nds-button__icon--edit {
  opacity: 0.5;
}

.nds-hint-parent .nds-cell-edit:hover .nds-button__icon_edit:hover, .nds-hint-parent .nds-cell-edit:hover .nds-button__icon_edit:focus,
.nds-hint-parent .nds-cell-edit:hover .nds-button__icon--edit:hover,
.nds-hint-parent .nds-cell-edit:hover .nds-button__icon--edit:focus, .nds-hint-parent .nds-cell-edit:focus .nds-button__icon_edit:hover, .nds-hint-parent .nds-cell-edit:focus .nds-button__icon_edit:focus,
.nds-hint-parent .nds-cell-edit:focus .nds-button__icon--edit:hover,
.nds-hint-parent .nds-cell-edit:focus .nds-button__icon--edit:focus {
  fill: #1589ee;
  opacity: 1;
}

.nds-hint-parent .nds-cell-edit:hover .nds-button__icon_lock,
.nds-hint-parent .nds-cell-edit:hover .nds-button__icon--lock, .nds-hint-parent .nds-cell-edit:focus .nds-button__icon_lock,
.nds-hint-parent .nds-cell-edit:focus .nds-button__icon--lock {
  opacity: 0.5;
}

.nds-hint-parent .nds-cell-edit.nds-has-focus .nds-button__icon_edit, .nds-hint-parent .nds-cell-edit.nds-has-focus .nds-button__icon--edit {
  fill: #706e6b;
  opacity: 1;
}

/**
 * @selector .nds-form-element__label_edit
 * @restrict .nds-popover_edit label
 */
.nds-form-element__label_edit,
.nds-form-element__label--edit {
  margin: 0 0.125rem 0;
}

/**
 * Dialog specific for inline-edit popover
 *
 * @selector .nds-popover_edit
 * @restrict .nds-popover
 * @required
 */
.nds-popover_edit,
.nds-popover--edit {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nds-popover_edit .nds-popover__body,
.nds-popover--edit .nds-popover__body {
  padding: 0.25rem 0.25rem 0.25rem 0;
}

.nds-popover_edit .nds-form-element__help,
.nds-popover--edit .nds-form-element__help {
  width: 100%;
  padding-left: 0.75rem;
}

.nds-table_header-fixed_container,
.nds-table--header-fixed_container {
  position: relative;
  padding-top: 2rem;
  background-color: #fafaf9;
  overflow: hidden;
}

.nds-table_header-fixed_container:before,
.nds-table--header-fixed_container:before {
  border-bottom: 1px solid #dddbda;
  content: "";
  display: block;
  position: relative;
  width: 100%;
}

.nds-cell-fixed {
  background-color: #fafaf9;
  position: absolute;
  top: 0;
  min-height: 2rem;
}

.nds-table_header-fixed,
.nds-table--header-fixed {
  border-top: 0;
}

.nds-table_header-fixed thead th,
.nds-table--header-fixed thead th {
  position: static;
  padding: 0;
  border-top: 0;
}

.nds-table_header-fixed tbody tr:first-child td,
.nds-table_header-fixed tbody tr:first-child th,
.nds-table--header-fixed tbody tr:first-child td,
.nds-table--header-fixed tbody tr:first-child th {
  border: 0;
}

/**
 * A tree is composed of two core elements `.nds-tree` and `.nds-tree__item`. The tree wrapper, the outer most parent `ul`, will receive the class `.nds-tree`. This class will be used for scoping a tree, which allows for particular styling based on states in which the tree may enter.
 *
 * A tree will need helper classes added and removed to help structure the layout. Each child node list item needs an `aria-level` attribute with its value being the number of levels deep it is nested to indicate the distinct grouping is nested within.
 *
 * Whenever the tree has a nested group, the nested `ul` element should receive the ARIA role `group`. The parent `li[role="treeitem"]` requires the `aria-expanded` attribute to be applied. Toggling `aria-expanded` to `true` or `false` will show or hide the child `group`. The parent `li[role="treeitem"]` also requires `aria-label` to be applied and set to the tree items text value, this ensures child groups are't announced to screen readers as you interact with that branch.
 *
 * When ever a `role="treeitem"` node is selected, `aria-selected="true"` needs to be applied to display the selected styles.
 *
 * In our example, we are using a chevron icon on tree branches to help indicate to the user what action clicking the tree branch will perform, whether opening or closing it. The effect of rotating the icon 90° to indicate open/closed status is achieved by applying the ARIA attribute `aria-expanded` to the `treeitem`. `aria-hidden="true"` and `tabindex="-1"` must be placed on the toggle button.
 *
 * Tree items can only contain text values, no actionable elements, apart from our toggle button, can be placed inside a Tree item.
 *
 * Trees can only contain a single focusable tree item and `tabindex="0"` must be placed on the `li[role="treeitem]` that takes current focus. Every other actionable and non-actionable element must be made unfocusable by adding `tabindex="-1"` or removing `tabindex`, respectively.
 *
 * #### Accessibility
 *
 * **Interaction requirements**
 *
 * - Only a single action per tree item
 * - Only 1 focusabled item per Tree
 * - Actionable elements in a tree item are mouse only and should not be focusable, they should be presentational and should be hidden from screen readers and keyboard users
 * - Focus is placed on the entire `li[role="treeitem"]`. If that item has child items, focus must include those as well.
 *
 * **Notable attributes**
 *
 * - `role="tree"` is placed on the `ul`
 * - `role="tree"` element also has `aria-labelledby` applied which points to the trees heading element
 * - `role="treeitem"` is placed on the tree `li` elements
 * - `aria-level` is applied to `treeitem` elements to indicate their nesting depth
 * - `aria-expanded` is applied to `treeitem` elements that have child tree nodes. It is set to `true` or `false`
 * - `aria-label` is applied to `treeitem` elements that have child tree nodes
 * - `aria-selected="true"` is applied to `treeitem` elements that are selected
 * - `tabindex="0"` is applied to the `treeitem` that is in focus
 * - `role="group"` is applied to child tree node containers, `ul`
 *
 * **Keyboard navigation**
 *
 * - Clicking on a tree item creates a selection
 * - `Up` and `Down` arrow keys move `:focus` **and** `aria-selected`. Previous selections are cleared
 * - `Right` arrow key to expand collapsed node.
 * - `Left` arrow key to collapse expanded node.
 * - `Left` arrow key on an end child node, collapses the group and moves `:focus` and `aria-selected` to the parent `treeitem`
 * - `Enter` performs the default action on an end tree item (if there is one).
 * - `Ctrl` + `Up` and `Ctrl` + `Down` moves focus. Current selection is maintained
 * - `Ctrl` + `Space` will add or remove the currently focused tree item to the selection
 *
 * @summary A tree is visualization of a structure hierarchy. A branch can be expanded or collapsed.
 *
 * @name base
 * @selector .nds-tree_container
 * @restrict div
 * @support dev-ready
 * @variant
 * @s1 false
 */
.nds-tree-container,
.nds-tree_container {
  min-width: 7.5rem;
  max-width: 25rem;
}

.nds-tree-container > .nds-text-heading_label,
.nds-tree-container > .nds-text-heading--label,
.nds-tree_container > .nds-text-heading_label,
.nds-tree_container > .nds-text-heading--label {
  margin-bottom: 0.5rem;
}

/**
 * @selector .nds-tree
 * @restrict .nds-tree_container ul, table
 * @required
 */
.nds-tree {
  /**
   * @selector .nds-tree__item
   * @restrict .nds-tree div, .nds-tree th
   * @required
   */
  /**
   * Selected state for a tree item
   *
   * @selector .nds-is-selected
   * @restrict .nds-tree__item
   * @notes Class should be applied via Javascript
   * @required
   * @modifier
   */
  /**
   * Focus state for a tree item
   *
   * @selector .nds-is-focused
   * @restrict .nds-tree__item
   * @required
   * @modifier
   */
}

.nds-tree__item {
  display: -ms-flexbox;
  display: flex;
  line-height: 1.875rem;
  padding-left: 1rem;
  /**
   * When a branch doesn't have children, apply nds-is-disabled to the button icon
   *
   * @selector .nds-is-disabled
   * @restrict .nds-tree__item button
   * @required
   * @modifier
   */
  /**
   * Hover state for a tree item
   *
   * @selector .nds-is-hovered
   * @restrict .nds-tree__item
   * @notes Class should be applied via Javascript
   * @required
   * @modifier
   */
}

.nds-tree__item .nds-is-disabled {
  visibility: hidden;
}

.nds-tree__item a {
  color: #1b1b1b;
}

.nds-tree__item a:hover {
  text-decoration: none;
}

.nds-tree__item a:focus {
  outline: 0;
  text-decoration: underline;
}

.nds-tree__item.nds-is-hovered, .nds-tree__item:hover {
  background: #fafaf9;
  cursor: pointer;
}

.nds-tree [role=treeitem]:focus {
  outline: 0;
}

.nds-tree [role=treeitem]:focus > .nds-tree__item {
  background: #fafaf9;
  cursor: pointer;
  text-decoration: underline;
}

.nds-tree [role=treeitem][aria-selected=true] > .nds-tree__item {
  background: #ecebea;
  box-shadow: #003da5 4px 0 0 inset;
}

.nds-tree [role=treeitem] > [role=group] {
  display: none;
}

.nds-tree [role=treeitem][aria-expanded=true] > [role=group] {
  display: block;
}

.nds-tree .nds-is-selected {
  background: #ecebea;
  box-shadow: #003da5 4px 0 0 inset;
}

.nds-tree .nds-is-focused {
  text-decoration: underline;
}

.nds-tree [aria-level="1"] > .nds-tree__item {
  padding-left: 1.5rem;
}

.nds-tree [aria-level="2"] > .nds-tree__item {
  padding-left: 3rem;
}

.nds-tree [aria-level="3"] > .nds-tree__item {
  padding-left: 4.5rem;
}

.nds-tree [aria-level="4"] > .nds-tree__item {
  padding-left: 6rem;
}

.nds-tree [aria-level="5"] > .nds-tree__item {
  padding-left: 7.5rem;
}

.nds-tree [aria-level="6"] > .nds-tree__item {
  padding-left: 9rem;
}

.nds-tree [aria-level="7"] > .nds-tree__item {
  padding-left: 10.5rem;
}

.nds-tree [aria-level="8"] > .nds-tree__item {
  padding-left: 12rem;
}

.nds-tree [aria-level="9"] > .nds-tree__item {
  padding-left: 13.5rem;
}

.nds-tree [aria-level="10"] > .nds-tree__item {
  padding-left: 15rem;
}

.nds-tree [aria-level="11"] > .nds-tree__item {
  padding-left: 16.5rem;
}

.nds-tree [aria-level="12"] > .nds-tree__item {
  padding-left: 18rem;
}

.nds-tree [aria-level="13"] > .nds-tree__item {
  padding-left: 19.5rem;
}

.nds-tree [aria-level="14"] > .nds-tree__item {
  padding-left: 21rem;
}

.nds-tree [aria-level="15"] > .nds-tree__item {
  padding-left: 22.5rem;
}

.nds-tree [aria-level="16"] > .nds-tree__item {
  padding-left: 24rem;
}

.nds-tree [aria-level="17"] > .nds-tree__item {
  padding-left: 25.5rem;
}

.nds-tree [aria-level="18"] > .nds-tree__item {
  padding-left: 27rem;
}

.nds-tree [aria-level="19"] > .nds-tree__item {
  padding-left: 28.5rem;
}

.nds-tree [aria-level="20"] > .nds-tree__item {
  padding-left: 30rem;
}

.nds-tree [aria-expanded=false] > .nds-tree__item > .nds-button[aria-controls] > .nds-button__icon,
.nds-tree [aria-expanded=false] > .nds-tree__item > .nds-button[aria-controls] > span > .nds-button__icon {
  transition: 0.2s transform ease-in-out;
  transform: rotate(0deg);
}

.nds-tree [aria-expanded=true] > .nds-tree__item > .nds-button[aria-controls] > .nds-button__icon,
.nds-tree [aria-expanded=true] > .nds-tree__item > .nds-button[aria-controls] > span > .nds-button__icon {
  transition: 0.2s transform ease-in-out;
  transform: rotate(90deg);
}

.nds-tree [aria-expanded=false] > .nds-tree__item .nds-button__icon {
  transition: 0.2s transform ease-in-out;
  transform: rotate(0deg);
}

.nds-tree [aria-expanded=true] > .nds-tree__item .nds-button__icon {
  transition: 0.2s transform ease-in-out;
  transform: rotate(90deg);
}

.nds-tree .nds-button {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.nds-tree .nds-pill {
  margin-left: 0.75rem;
}

/**
 * A tree grid is additional semantics that are laid on top of a grid based component via ARIA attributes, to enable hierarchically structured tabular data.
 * The tree grid comes with a very specific keyboard interaction model which **must** be implemented for the component to be screen reader accessible.
 *
 * #### Accessibility
 *
 * **Notable attributes**
 *
 * - `role="treegrid"` should be applied to the `table` element
 * - `aria-readonly="true"` should be applied to the `table` element
 * - `aria-level="n"` where `n` represents the nesting level of a particular grid row, should be applied to the `tr` element
 * - `aria-setsize="n"` where `n` is the number of items for that specific `aria-level` should be applied to the `tr` element
 * - `aria-posinset="n"` where `n` represents the position in the `aria-level` set the row is placed at, should be applied to the `tr` element
 * - `aria-expanded="false"` should be placed on rows that are collapsed and have child rows
 * - `aria-expanded="true"` should be placed on rows that are expanded and have child rows
 * - `tabindex="0"` should be placed on the first `tr` in the grid on load, to make the row focusable
 * - Every actionable element in the grid should have `tabindex="-1" applied to make them not focusable in the grids navigation mode
 *
 * **Keyboard interaction**
 *
 * - Overall keyboard interaction should follow the same keyboard modal as the [Advanced and Inline Edit Data Table](/components/data-tables) with some additions
 *   - Navigation mode is the default mode. The grid only has a single focusable element at any time and it is either the `tr` or the `td`
 *   - Actionable mode is enabled when the user presses the `Enter` key, where actionable elements become focusable in the cell
 *   - Actionable mode is exited when the user presses the `Escape` key, and the user is placed back into Navigation Mode on the last cell they were in
 * - User focus is initially placed on the first row in the tree grid
 * - `Down` arrow key moves the user down one row and moves `tabindex="0"` with it
 * - `Up` arrow key moves the user up one row and moves `tabindex="0"` with it
 * - `Right` arrow key on a collapsed row, will expand it and update `aria-expanded`
 * - `Right` arrow key on an expanded or end row will move the user to the first cell in the row and move `tabindex="0"` with it
 * - `Right` arrow key on a cell will move the user to the next cell in the row and move `tabindex="0"` with it
 * - `Left` arrow key on a collapsed or end row will move the user to it's parent row and collapse it, if it has one
 * - `Left` arrow key on an expanded row will collapse it and update `aria-expanded`
 * - `Left` arrow key on a cell will move the user to the previous cell in the row and moves `tabindex="0"` with it
 * - `Left` arrow key on the first cell of a row will move the user back to the row  and moves `tabindex="0"` with it
 *
 * @summary A tree grid is a way to structure tabular data that has a hierarchical structure. A tree grid row can be expanded or collapsed.
 *
 * @name grid
 * @selector .nds-table_tree
 * @restrict .nds-tree
 * @variant
 * @s1 false
 */
.nds-table_tree .nds-tree__item,
.nds-table--tree .nds-tree__item {
  line-height: 1.5rem;
}

.nds-table_tree .nds-tree__item a,
.nds-table--tree .nds-tree__item a {
  color: #2062d4;
}

.nds-table_tree .nds-tree__item a:hover,
.nds-table--tree .nds-tree__item a:hover {
  text-decoration: underline;
}

/**
 * @selector .nds-table_tree__toggle
 * @restrict .nds-table_tree button
 */
.nds-table_tree__toggle,
.nds-table--tree__toggle {
  margin-left: -0.25rem;
}

/**
 * An image is the preferred format for an avatar
 *
 * @summary Creates a Typeahead control
 * @name base
 * @selector .nds-typeahead
 * @restrict div
 * @variant
 */
.nds-typeahead .nds-form-element__control-animated-label.nds-input-has-icon svg.nds-icon {
  position: absolute;
  right: 0;
  pointer-events: none;
}

.nds-typeahead .nds-form-element__control-animated-label.nds-input-has-icon svg.nds-icon[alt=edit] {
  pointer-events: initial;
  cursor: pointer;
}

.nds-typeahead .nds-form-element__control-animated-label.nds-input-has-icon ul.typeahead.dropdown-menu {
  overflow: auto;
  max-height: 300px;
}

.nds-typeahead .nds-form-element__control-animated-label.nds-input-has-icon ul.typeahead.dropdown-menu li a {
  display: block;
  overflow: hidden;
}

.nds-typeahead > div.nds-grid .nds-tooltip_container {
  margin-top: 0.75rem;
}

.nds-typeahead > div.nds-grid .nds-tooltip_container .nds-nonfocused_control {
  margin-top: 1.125rem;
  margin-left: 0.375rem;
}

.nds-typeahead > div.nds-grid .nds-tooltip_container .nds-nonfocused_control svg {
  fill: #54698d;
}

.nds-typeahead > div.nds-grid .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom {
  left: calc(-100% - 10px);
  max-width: 30rem;
  white-space: nowrap;
  top: -1.6875rem;
}

.nds-typeahead > div.nds-grid .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:before, .nds-typeahead > div.nds-grid .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 100%;
  bottom: 0;
  margin-left: -9px;
  top: 25%;
}

.nds-typeahead .nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label {
  width: calc(100% - 2rem);
}

.nds-typeahead .nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label .nds-required {
  top: -6px;
  position: relative;
}

/**
 * @summary Container for a expandable section
 *
 * @name base
 * @selector .nds-section
 * @restrict article, div
 * @variant
 */
.nds-section {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  /**
   * @summary Element containing the title of a section
   *
   * @selector .nds-section__title
   * @restrict .nds-section h3
   */
  /**
   * @summary Element containing the action inside of an expandable section title
   *
   * @selector .nds-section__title-action
   * @restrict .nds-section__title button
   */
  /**
   * @summary Element containing the content of an expandable section
   *
   * @selector .nds-section__content
   * @restrict .nds-section div
   */
  /**
   * @summary Toggle visibility of section content
   *
   * @selector .nds-is-open
   * @restrict .nds-section
   * @modifier
   * @group visibility
   */
}

.nds-section__title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  line-height: 1.875rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.nds-section__title-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #fafaf9;
  cursor: pointer;
  width: 100%;
  text-align: left;
  color: currentColor;
  font-size: inherit;
  padding: 0 0.5rem;
}

.nds-section__title-action:hover, .nds-section__title-action:focus, .nds-section__title-action:active {
  background: #eef1f6;
  color: inherit;
}

.nds-section__content {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.nds-section__title-action-icon {
  transform: rotate(-90deg);
}

.nds-section.nds-is-open .nds-section__title-action-icon {
  transform: rotate(0deg);
  transform-origin: 45%;
}

.nds-section.nds-is-open .nds-section__content {
  padding-top: 0.75rem;
  visibility: visible;
  opacity: 1;
  height: auto;
}

.nds-section-title {
  font-size: 1rem;
}

.nds-section-title > a {
  display: inline-block;
  color: #1b1b1b;
}

.nds-section-title > a:hover, .nds-section-title > a:focus {
  color: #005fb2;
}

.nds-section-title > a:focus {
  box-shadow: 0 0 2px 1px #0070d2;
}

.nds-section-title > a:active {
  color: #1b1b1b;
}

.nds-section-title .nds-icon {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

.nds-section-title .nds-section-group_is-closed .nds-icon,
.nds-section-title .nds-section-group--is-closed .nds-icon {
  transform: rotate(-90deg);
}

.nds-section-title_divider,
.nds-section-title--divider {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  padding: 0.75rem 1rem;
  background: #fafaf9;
}

/**
 * The default Vertical Tabs component renders a list of tabs and their
 * related content. The tab list is not truncated by default, but truncation
 * can be added with a modifier class on the link elements.
 *
 * @summary Renders a vertical tablist.
 *
 * @name base
 * @selector .nds-vertical-tabs
 * @restrict div, section
 * @variant
 */
.nds-vertical-tabs {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

/**
 * @summary Tab navigation container element
 *
 * @selector .nds-vertical-tabs__nav
 * @restrict .nds-vertical-tabs > ul
 */
.nds-vertical-tabs__nav {
  width: 12rem;
  border-right: 1px solid #dddbda;
  background: #fafaf9;
}

/**
 * @summary Tab navigation item
 *
 * @selector .nds-vertical-tabs__nav-item
 * @restrict .nds-vertical-tabs__nav li
 */
.nds-vertical-tabs__nav-item {
  overflow: hidden;
  border-bottom: 1px solid #dddbda;
  color: #706e6b;
}

.nds-vertical-tabs__nav-item:last-child {
  margin-bottom: -1px;
}

/**
 * @summary Tab Navigation Link
 *
 * @selector .nds-vertical-tabs__link
 * @restrict .nds-vertical-tabs__nav-item a
 */
.nds-vertical-tabs__link {
  display: block;
  padding: 0.75rem;
  color: currentColor;
}

.nds-vertical-tabs__link:hover {
  background: #dddbda;
  color: #16325c;
  text-decoration: none;
}

/**
 * @summary Tab Content Container
 *
 * @selector .nds-vertical-tabs__content
 * @restrict .nds-vertical-tabs div
 */
.nds-vertical-tabs__content {
  -ms-flex: 1;
      flex: 1;
  padding: 1rem;
  background: #fff;
}

/**
 * @summary Active state for a tab navigation item
 *
 * @selector .nds-is-active
 * @restrict .nds-vertical-tabs__nav-item
 * @notes Required on the `<li>` element that is associated with the current active tab
 * @modifier
 */
.nds-vertical-tabs__nav-item.nds-is-active {
  margin-right: -1px;
  border-right: 0;
  background: #fff;
  color: #1589ee;
}

.nds-vertical-tabs__nav-item.nds-is-active .nds-vertical-tabs__link:hover {
  background: #fff;
  color: currentColor;
}

/**
 * @summary Focus state for a tab navigation item
 *
 * @selector .nds-has-focus
 * @restrict .nds-vertical-tabs__nav-item
 * @modifier
 */
.nds-vertical-tabs__nav-item.nds-has-focus {
  text-decoration: underline;
}

/**
 * @selector .nds-truncate
 * @restrict .nds-vertical-tabs__link
 * @modifier
 */
/* stylelint-disable selector-class-pattern */
.nds-policy__premium-summary .nds-tile__detail {
  font-size: 2rem;
}

.nds-list-scrollable__item {
  margin: 0 auto;
  height: 0%;
}

.nds-list-scrollable__item .nds-list__scrollable-tile {
  color: #16325c;
  border-radius: 0;
  width: 20.9375rem;
  height: 100%;
  border: 0.0625rem solid #d9dbdd;
}

.nds-list-scrollable__item .nds-list__scrollable-tile img {
  pointer-events: none;
  min-width: 67px;
  max-width: 80px;
}

.nds-list-scrollable__item .nds-list__scrollable-tile table td {
  vertical-align: top;
  width: 110px;
}

.nds-list-scrollable__item .nds-list__scrollable-tile .nds-text-heading_medium {
  font-weight: 500;
}

.nds-list__scrollable {
  border: 0;
  border-radius: 0;
  height: 100%;
  width: 240px;
  background: #f9fbfe;
}

.nds-list__scrollable img {
  max-width: 56px;
}

.nds-list__scrollable .np-list__icon {
  position: absolute;
  bottom: -0.375rem;
  left: 28px;
  width: 32px;
}

.nds-list__scrollable.nds-list__scrollable-insureditems {
  width: 446px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

.nds-list__scrollable.nds-list__scrollable-insureditems .nds-list__insureditems-headline {
  font-size: 24px;
}

.nds-list__scrollable.nds-list__scrollable-insureditems .nds-list__scrollable-insureditems-actions {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}

.nds-hero-resource__card {
  overflow: hidden;
  border-radius: 0.3125rem;
  box-shadow: 0 1px 5px #e7ecf3;
}

.nds-hero-resource__card .nds-notify__close {
  top: 0;
  right: 0.3125rem;
}

.nds-hero-resource__card img {
  min-width: 100%;
}

.nds-hero-resource__card .nds-icon {
  fill: #000;
}

.nds-hero-resource__card .nds-hero-resource-card__desc {
  color: #fff;
  position: absolute;
  background: #eef1f6;
  left: 0;
  right: 0;
  padding: 0.625rem;
  text-align: left;
  bottom: 0;
  line-height: 1.5;
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.nds-hero-resource__card .nds-hero-resource-card__desc a {
  color: #000;
  font-size: 12px;
  text-decoration: none;
}

.nds-hero-resource__card .nds-hero-resource-card__desc a span {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.nds-Attributes__wrapper .nds-Attributes__title {
  font-size: 1.5rem;
  line-height: 1.8125rem;
}

.nds-billing__pmt .nds-billing__amount {
  font-size: 4em;
  color: #003da5;
}

.nds-billing__pmt .nds-billing__action a:first-child .nds-billing__action-button {
  text-align: center;
  vertical-align: middle;
  background-color: #1564bf;
  border: 1px solid #1564bf;
  color: #fff;
  width: 100%;
  display: block;
}

.nds-billing__pmt .nds-billing__action a .nds-billing__action-button {
  width: 100%;
  display: block;
  color: #1564bf;
  margin: 0;
  border: 0;
  background: none;
  padding: 15px 0;
}

.nds-get__quote {
  background: #fff;
  width: 425px;
  height: 220px;
}

.nds-get__quote .nds-get__headline {
  font-size: 32px;
  text-align: center;
}

.nds-get__quote form {
  border: 1px solid #e7ecf3;
}

.nds-get__quote form .nds-button {
  border-radius: 0;
}

.nds-get__quote form .nds-button label {
  color: #fff;
  font-size: 1rem;
}

.nds-get__quote .nds-col {
  border-right: 1px solid #e7ecf3;
}

.nds-get__quote .nds-col label {
  width: 100%;
}

.nds-get__quote .nds-col label span {
  position: absolute;
  right: 10%;
  top: 1.125rem;
  z-index: 1;
}

.nds-get__quote .nds-col label span svg {
  fill: 0 0 2px 1px #0070d2;
}

.nds-get__quote .nds-col label span.nds-get__quote-icon {
  top: -7px;
  left: 3px;
}

.nds-get__quote .nds-col label span.nds-get__quote-icon svg {
  fill: #c00;
}

.nds-get__quote .nds-col select,
.nds-get__quote .nds-col input {
  width: 100%;
  border: 0;
  background: none;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  font-size: 16px;
}

.nds-get__quote .nds-col input {
  text-align: center;
  outline: 0;
  height: 27px;
  font-size: 1rem;
}

.nds-intelligence__banner {
  position: relative;
}

.nds-intelligence__banner .nds-intelligence__image-container {
  height: 525px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.nds-intelligence__banner .np-get-agent {
  position: absolute;
  left: 10%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 200px;
}

.nds-intelligence__banner .nds-intelligence__card {
  position: relative;
}

.nds-intelligence__banner .nds-intelligence__card .nds-intelligence__card-buttons input {
  display: none;
}

.nds-intelligence__banner .nds-intelligence__card .nds-intelligence__card-buttons {
  left: 0;
  right: 0;
  bottom: 80px;
  position: absolute;
  text-align: center;
}

.nds-intelligence__banner .nds-intelligence__card .nds-intelligence__card-buttons li {
  padding: 0 10px;
  display: inline-block;
}

.nds-intelligence__banner .nds-intelligence__card .nds-intelligence__card-buttons li label {
  background-color: #eef1f6;
  bottom: 0;
  border-radius: 100%;
  cursor: pointer;
  height: 8px;
  transition: 0.25s;
  width: 8px;
  z-index: 10;
  left: 50%;
}

.nds-intelligence__banner .nds-intelligence__card .nds-intelligence__card-buttons input:checked + label {
  background-color: #003da5;
}

@media screen and (min-width: 10em) and (max-width: 48em) {
  .nds-intelligence__banner .nds-intelligence__card .np-get-agent {
    width: 100%;
  }
}
.nds-product__category-card {
  background: #fff;
  color: #16325c;
  overflow: hidden;
}

.nds-product__category-card .nds-button .nds-icon {
  fill: #000;
}

.nds-product__category-card .nds-icon {
  fill: #000;
}

.nds-product__category-card .nds-notify__close {
  position: absolute;
  top: -6px;
  right: 5px;
}

.nds-product__category-card .nds-product__card {
  position: relative;
  background: #fff;
  height: 444px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.nds-product__category-card .nds-product__card .nds-product__title {
  min-height: 113px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.nds-product__category-card .nds-product__card .nds-product__icon {
  width: 23px;
  height: 23px;
  fill: #0070d2;
}

.nds-product__category-card .nds-product__action-link {
  font-size: 36px;
}

.nds-product__category-card .nds-product__action-link a {
  color: #16325c;
  text-decoration: none;
}

.nds-product__category-card .nds-product__action-link i {
  color: #0070d2;
}

.nds-product__category-card.nds-card {
  border: 0;
}

.nds-product__category-card .nds-product__title {
  position: absolute;
  width: 100%;
  background: #eef1f6;
}

@media only screen and (max-width: 500px) {
  .nds-product__category-card {
    background: #fff;
  }

  .nds-product__category-card .nds-product__title {
    position: absolute;
    background: #eef1f6;
    margin-top: 40px;
    width: inherit;
  }
}
.nds-offers h1 {
  font-size: 4rem;
  line-height: 4rem;
}

.nds-offers h2 {
  font-size: 2.125rem;
  line-height: 2.125rem;
}

.nds-offers .cards-container {
  -ms-flex-pack: center;
      justify-content: center;
}

.nds-offers__header {
  font-size: 36px;
  line-height: 50px;
}

.nds-offers__header:before {
  content: "";
  border: 0.125rem solid #e7ecf3;
  position: absolute;
  top: 18px;
  width: 100%;
  left: 0;
  z-index: 0;
}

.nds-offers__header span {
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 0 0.3125rem;
  background: #fff;
}

.nds-offers__articles .nds-padding__none-small {
  padding-left: 0;
  padding-right: 0;
}

.nds-zone__intelligence-layout2 {
  position: absolute;
  top: 460px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 93%;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .nds-get__quote {
    width: 325px;
  }

  .nds-get__quote .nds-get__headline {
    font-size: 24px;
  }

  .nds-canvas.nds-offers {
    padding-top: 1rem;
  }

  .nds-canvas.nds-offers .nds-offers__container {
    padding: 0;
  }

  .nds-canvas.nds-offers .nds-offers__container .nds-offers__articles-card {
    padding: 0;
  }

  .nds-canvas.nds-offers h1 {
    font-size: 2.25rem;
    line-height: 2.875rem;
  }

  .nds-canvas.nds-offers h2 {
    font-size: 1.125rem;
    line-height: 1.8rem;
  }

  .nds-canvas.nds-offers .nds-offers__header {
    font-size: 36px;
  }

  .nds-product__category-card .nds-product__action-link {
    font-size: 28px;
  }
}
/**
* The base canvas is used primarily on desktop within a “wide” column
* or “main content area”, which uses two-thirds of the viewport.
*
* @summary Initializes canvas
*
* @name canvas
* @selector .nds-canvas
* @restrict div
* @variant
*/
.nds-canvas.nds-card__border {
  border: 0.0625rem solid rgba(0, 0, 0, 0.05);
}

.nds-canvas__title {
  font-size: 1.75rem;
}

.nds-canvas__title:after {
  content: "";
  background: #003da5;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 3.125rem;
  height: 0.1875rem;
}

/**
*
* @name vpl-table
* @selector .nds-table__custom
* @restrict .nds-table
* @variant
*/
.nds-table__custom td {
  line-height: 2.8rem;
}

.nds-table__custom td .nds-text-heading_small {
  line-height: inherit;
}

.nds-text-heading_small.nds-lineheight__custom {
  line-height: 2.8rem;
}

/*
*
*
* @name vpl-avatar
* @selector .nds-avatar__custom
* @restrict .nds-avatar
* @variant
*/
.nds-avatar__profile .nds-avatar__action {
  color: #0070d2;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.nds-avatar__profile .nds-avatar__action:first-child {
  border-left: 0 none;
}

.nds-avatar__profile .nds-profile__image {
  border: 0.3rem solid #fff;
  border-radius: 100%;
  box-sizing: content-box;
  width: 8rem;
  height: 8rem;
  overflow: hidden;
}

.nds-avatar__profile .nds-profile__image .nds-avatar__custom.nds-avatar_large {
  width: 8rem;
  height: 8rem;
}

.nds-avatar__profile .nds-profile__image .nds-avatar__custom.nds-avatar_large .nds-icon {
  width: 8rem;
  height: 8rem;
  fill: #16325c;
}

.nds-avatar__profile .nds-profile__image .nds-avatar__custom img {
  width: 100%;
}

/*
* @summary Initializes title with orange border
*
* @name vpl-avatar
* @selector .nds-canvas__title-centered
* @restrict .nds-canvas__title
* @variant
*/
.nds-canvas__title-centered:after {
  bottom: -0.62rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* stylelint-disable selector-class-pattern */
/**
* @summary Initializes a Newport VPL styled subnav

* @name vpl-nav
* @selector .nds-subnav__wrapper
* @restrict div
* @variant
*/
.nds-subnav__wrapper {
  position: relative;
  background: #f8fbfe;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.nds-subnav__wrapper img {
  pointer-events: none;
  height: 3.75rem;
}

.nds-subnav__wrapper .nds-subnav__fullWidth {
  width: 100%;
}

.nds-subnav__wrapper .nds-subnav__active {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-left: 0;
  padding: 0.625rem;
  cursor: pointer;
  border-bottom: 0.0625rem solid #f8fbfe;
  background: #f8fbfe;
  color: #16325c;
}

.nds-subnav__wrapper .nds-subnav__active.nds-subnav__tabSelected {
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.1);
  background: #0070d2;
  border-bottom: 0;
  color: #fff;
}

.nds-subnav__wrapper .nds-subnav__active.nds-subnav__tabSelected img {
  filter: brightness(5);
}

.nds-subnav__wrapper .nds-subnav__active.nds-subnav__tabSelected:hover {
  border-bottom-color: transparent;
}

.nds-subnav__wrapper .nds-subnav__active.nds-subnav__tabSelected .nds-subnav__cardtop {
  vertical-align: middle;
  margin: auto;
}

.nds-subnav__wrapper .nds-subnav__active .nds-subnav__image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

.nds-subnav__wrapper .nds-subnav__active .nds-subnav__cardValues h2 {
  font-size: 0.625rem;
}

.nds-subnav__wrapper .nds-subnav__active .nds-subnav__cardValues h2:first-child {
  font-size: 1.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.125rem;
  height: 2.25rem;
}

.nds-subnav__wrapper img {
  pointer-events: none;
  height: 3.75rem;
  margin: 0 auto;
}

.nds-subnav__wrapper .nds-subnav__overview-card {
  animation: ndsopacityanimation 0.55s forwards;
  max-width: 9.375rem;
  width: 5.625rem;
  max-height: 10.8125rem;
}

@keyframes ndsopacityanimation {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.nds-subnav__wrapper .cfp-hotkeys-container.fade {
  display: none !important;
}

.nds-subnav__wrapper .fullWidth {
  width: 100%;
}

.nds-subnav__wrapper .nds-subnav__inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.nds-subnav__wrapper .nds-subnav__inner .nds-subnav__theme:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.nds-subnav__wrapper .nds-subnav__theme {
  position: relative;
  width: 100%;
  height: 173px;
  text-decoration: none;
  min-width: 140px;
}

.nds-subnav__wrapper .nds-subnav__theme.active {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 0 0 #0070d2;
  background: #0070d2;
}

.nds-subnav__wrapper .nds-subnav__theme.active img {
  filter: brightness(255);
}

.nds-subnav__wrapper .nds-subnav__theme.active .nds-subnav-card__active {
  border-bottom: 0;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .nds-subnav__wrapper .nds-subnav__inner {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}
@media only screen and (max-width: 767px) {
  .nds-subnav__wrapper .nds-subnav__theme {
    min-width: 100px;
    width: inherit;
    height: 84px;
  }

  .nds-subnav__wrapper .nds-subnav__active .nds-subnav__hideSmall {
    display: none;
  }

  .nds-subnav__wrapper .nds-subnav__active .nds-subnav__image {
    margin-bottom: 0.2rem;
  }

  .nds-subnav__wrapper .nds-subnav__active .nds-subnav__image img {
    height: 32px;
  }

  .nds-subnav__wrapper .nds-subnav__active:hover {
    border-bottom: 1px solid #f8fbfe;
  }

  .nds-subnav__wrapper .nds-subnav__active .nds-subnav__cardValues h2:first-child {
    font-size: 0.75rem;
    padding-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 17px;
    height: 36px;
  }

  .nds-subnav__wrapper .nds-subnav__tabSelected {
    box-shadow: none;
  }

  .nds-subnav__wrapper .nds-subnav__hidSmall {
    display: none;
  }
}
/*
* @name vpl-timeline
* @selector .nds-activity-feed-timeline__card
* @restrict .nds-canvas
* @variant
*/
.nds-activity-feed-timeline__card .nds-activity-feed-card_item__date {
  display: block;
  width: 90px;
  font-size: 0.75rem;
  position: absolute;
}

.nds-activity-feed-timeline__card .nds-activity-feed-timeline__label {
  margin-left: 9.375rem;
  margin-top: -1.875rem;
  border-color: #d9dbdd;
  -ms-flex-align: center;
      align-items: center;
}

.nds-activity-feed-timeline__card .nds-activity-feed-timeline__label p {
  font-weight: 300;
}

.nds-activity-feed-timeline__card .nds-activity-feed-timeline__label p strong {
  font-weight: 400;
}

.nds-activity-feed-timeline__card .nds-activity-feed-timeline__label .nds-activity-feed-timeline__status {
  font-weight: 700;
}

.nds-activity-feed-timeline__card ul {
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}

.nds-activity-feed-timeline__card ul.nds-hid__Line:before {
  display: none;
}

.nds-activity-feed-timeline__card ul:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #d9dbdd;
  left: 6.25rem;
}

.nds-activity-feed-timeline__card ul li .nds-activity-feed-timeline__circle {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  background: #003da5;
  border-radius: 50%;
  text-align: center;
  left: 5.7rem;
  top: 0;
  border: 0.375rem solid #fff;
}

/**
 * @summary Initializes text input
 *
 * @name base
 * @selector .nds-knowledge-block
 * @restrict div
 * @required
 * @variant
 */
.iframeresizer--child .nds-knowledge-block {
  position: absolute;
}

.iframeresizer--child .nds-knowledge-block .nds-right_panel {
  height: auto;
}

.nds-knowledge-block {
  position: fixed;
  top: 8.625rem;
  right: 0;
  width: 30%;
  bottom: 0;
}

.nds-knowledge-block .nds-knowledge-component.nds-knowledge-component_container {
  right: 0.9rem;
}

.nds-knowledge-block .nds-right_panel {
  height: 100%;
}

.nds-knowledge-block .nds-right_panel div.nds-col {
  height: 100%;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component {
  height: 100%;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component > button.nds-knowledge-expand,
.nds-knowledge-block .nds-lookup.nds-knowledge-component > label.nds-form-element__label {
  font-size: 0.875rem;
  margin-bottom: 1rem;
  position: absolute;
  transform: rotate(270deg);
  border: 1px solid #e7ecf3;
  right: -3.75rem;
  padding: 0.3125rem 0.9375rem;
  margin: 0;
  top: 6.25rem;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align: center;
  background: #fff;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-input-has-icon_left input#vlcKnowledgeKeyword {
  border-bottom: 0;
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  padding-left: 2rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-input-has-icon_left svg {
  margin-left: 0.5rem;
  opacity: 0.5;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item {
  min-height: 18rem;
  height: 18rem;
  overflow-y: auto;
  padding-top: 0;
  background: #fff;
  border-top: 0;
  width: 100%;
  margin-right: -1rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item a.nds-knowledge-item_popup:focus {
  outline: none;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item a.nds-knowledge-item_popup svg {
  fill: #8695b0;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item a.nds-knowledge-item_popup svg:hover + small {
  display: inline;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item a.nds-knowledge-item_popup small {
  display: none;
  position: absolute;
  top: -0.8rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  right: -1rem;
  color: #a7b1c3;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item .nds-knowledge-lastpubdate {
  font-size: 0.8125rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item .nds-control-action_container {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  position: relative;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item .nds-control-action_container .nds-knowledge-item_heading {
  width: 100%;
  color: #16325c;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 500;
  /* stylelint-disable max-nesting-depth */
  /* stylelint-enable max-nesting-depth */
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item .nds-control-action_container .nds-knowledge-item_heading:hover {
  text-decoration: underline;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item .nds-control-action_container .nds-knowledge-item_heading:focus {
  outline: none;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item .nds-item .nds-knowledge-list-item p {
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item h3 {
  color: #a7b1c3;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-item li {
  margin-left: 0;
  border-bottom: 1px solid #cfd7e6;
  min-height: 6rem;
  height: 6rem;
  color: #456792;
  padding: 0 5% 0 0;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper {
  position: relative;
  border-left: 2px solid #e7ecf3;
  border-top: 2px solid #e7ecf3;
  height: 100%;
  padding: 1.25rem;
  background: #fff;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper .nds-knowledge-data_wrapper-search.nds-lookup__search-input input {
  padding-left: 2rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper .nds-knowledge-data_wrapper-search.nds-lookup__input {
  margin-top: 2rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper .nds-knowledge-data_wrapper-search {
  position: relative;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper .nds-knowledge-data_wrapper-search svg {
  fill: #8695b0;
  left: 0;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_wrapper .nds-knowledge-data_wrapper-search .nds-form-container {
  padding: 0;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_cont {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_cont svg.nds-input__icon {
  top: 0.75rem;
  right: 0;
  cursor: pointer;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-knowledge-data_cont h3 {
  font-size: 1.125rem;
}

.nds-knowledge-block .nds-lookup.nds-knowledge-component .nds-form-element__label {
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.nds-knowledge-block.nds-knowledge-wrapper {
  top: 10.625rem;
}

.nds-knowledge-block.nds-knowledge-wrapper .nds-lookup.nds-knowledge-component .nds-knowledge-item h3.nds-knowledge-desc {
  font-size: 0.875rem;
}

.nds-knowledge-block.nds-knowledge-wrapper .nds-lookup.nds-knowledge-component .nds-knowledge-item h3.nds-knowledge-lastpubdate {
  font-size: 0.8125rem;
}

.nds-knowledge_full-cont-width {
  width: 30%;
}

.nds-knowledge_cont-init-width {
  width: 5%;
}

.nds-modal_knowledge .nds-icon_small {
  position: absolute;
  right: 1rem;
  fill: #006ed5;
  top: 1.5rem;
  width: 1.25rem;
  height: 1.25rem;
}

.nds-modal_knowledge .nds-modal__container .nds-modal__header {
  background-color: #f8fbfe;
  color: #006ed5;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom: 0;
}

.nds-modal_knowledge .nds-modal__container .nds-modal__header .modal-title {
  font-size: 1.375rem;
  text-align: left;
  font-weight: bold;
}

.nds-modal_knowledge .nds-modal__container .nds-modal__footer {
  border-top: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fff;
}

.nds-modal_knowledge .nds-modal__container .nds-modal__footer button.btn-primary {
  background-color: #006ed5;
  color: #fff;
  padding: 0.75rem 3.125rem;
  border-radius: 0.1rem;
}

.nds-knowledge-item_heading:focus,
.nds-knowledge-item_heading:active,
.nds-knowledge-item_popup:focus,
.nds-knowledge-item_popup:active {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
  z-index: 1;
}

.nds-knowledge-item_heading {
  margin: 2px;
}

.nds-knowledge-item_popup {
  padding-right: 8px;
  padding-top: 3px;
}

/* b2bCategoriesList */
.nds-b2b-categories-list {
  background-color: #fff;
}

.nds-b2b-categories-list_nav {
  width: 100%;
  transition: all 0.25s ease-in;
}

.nds-b2b-categories-list_nav .nds-b2b-product-title {
  padding: 1rem 0 0.5rem 1.2rem;
  color: #000;
  font-size: 0.9rem;
}

.nds-b2b-categories-list_nav .nds-b2b-promotion-title {
  padding: 0.5rem 0 1rem 1.2rem;
  color: #000;
  font-size: 0.9rem;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name {
  padding: 0.5rem 1rem 0.5rem 1.25rem;
  color: #000;
  transition: all 0.25s ease-in;
  display: block;
  font-size: 0.8rem;
  cursor: pointer;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name .nds-b2b-switch-icon {
  float: right;
  transition: all 0.25s ease-in;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name:hover {
  background: #f3f9fe;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name.selected {
  background: #f3f9fe;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name.nds-b2b-category-name_label {
  font-size: 0.9rem;
  transition: all 0.25s ease-in;
}

.nds-b2b-categories-list_nav .nds-b2b-category-name.nds-b2b-category-name_label .nds-b2b-category-icon {
  margin-left: -2rem;
  position: absolute;
}

.nds-b2b-categories-list_nav .nds-b2b-category_group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.nds-b2b-categories-list_nav .nds-b2b-categories-list_nav-list input[type=checkbox] {
  display: none;
}

.nds-b2b-categories-list_nav .nds-b2b-categories-list_nav-list input[type=checkbox]:checked + label + ul {
  max-height: 62rem;
}

.nds-b2b-categories-list_nav .nds-b2b-categories-list_nav-list input[type=checkbox]:checked + label > .nds-b2b-switch-icon {
  transform: rotate(90deg);
  transition: all 0.3s ease-in;
}

.nds-b2b-promotions-list-header {
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2rem;
}

.nds-b2b-promotions-list-item {
  padding: 1rem;
  margin: 1rem 0;
}

.nds-b2b-promo-item {
  background-color: #fff;
  max-width: 21rem;
  min-width: 21rem;
  min-height: 10rem;
  max-height: 10rem;
  border-radius: 0.3rem;
  border: 1px solid #F6F6F6;
  padding: 0.8rem;
  margin-bottom: 0.7rem;
  position: relative;
  cursor: pointer;
}

.nds-b2b-promo-item.nds-b2b-loading {
  pointer-events: none;
}

.nds-b2b-promo-item .nds-b2b-promo-name {
  color: #000;
  font-size: 0.9rem;
}

.nds-b2b-promo-item .nds-b2b-promo-description {
  font-weight: 0.8rem;
  color: #000;
  font-size: 0.75rem;
  margin-top: 0.3rem;
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.nds-b2b-promo-item .nds-b2b-promo-period {
  font-size: 0.8125rem;
  margin-top: 1rem;
  font-weight: 400;
}

.nds-b2b-promo-item .nds-b2b-promo-icon {
  position: absolute;
  margin-left: -1.6rem;
}

.nds-b2b-promo-item:hover {
  background-color: #f3f9fe;
}

.nds-b2b-promo-item:hover .nds-b2b-promo-description {
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-promo-item {
    margin-right: 0.7rem;
  }
}
.nds-b2b-product-item {
  background-color: #fff;
  max-width: 21.5rem;
  min-width: 21.5rem;
  min-height: 10rem;
  border-radius: 0.35rem;
  border: 1px solid #ecebea;
  padding: 0.5rem;
  margin: 0.5rem 0 0.7rem 0.5rem;
  box-shadow: 0px 3px 5px 0px #ecebea;
  position: relative;
}

.nds-b2b-product-item.nds-b2b-hide {
  background: #e5e5e5;
  pointer-events: none;
}

.nds-b2b-product-item.nds-b2b-hide .nds-b2b-product-item_container {
  background: #e5e5e5;
  pointer-events: none;
  border: none;
}

.nds-b2b-product-item.nds-b2b-hide .nds-b2b-product-item_container .nds-b2b-product-description:after {
  background: #e5e5e5;
}

.nds-b2b-product-item.nds-b2b-hide .nds-b2b-product-item_container:hover {
  border: none;
  background-color: #e5e5e5;
}

.nds-b2b-product-item.nds-b2b-hide .nds-b2b-product-item_container:hover .nds-b2b-product-description {
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.nds-b2b-product-item.nds-b2b-loading {
  pointer-events: none;
}

.nds-b2b-product-item .nds-b2b-product-item_container {
  border: 1px solid #fff;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
  padding: 0.8rem;
  min-height: 9rem;
  cursor: pointer;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-product-name {
  font-size: 1rem;
  color: #000;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-product-description {
  font-weight: 300;
  margin-top: 0.3rem;
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  color: #666666;
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-product-error-message {
  font-weight: 300;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #fc9696;
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-price_info {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-price_info .nds-b2b-each-attribute {
  margin-left: 3rem;
  font-size: 1rem;
  font-weight: 400;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-price-label {
  color: #706e6b;
  font-size: 0.75rem;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info {
  overflow: hidden;
  overflow: auto;
  position: inherit;
  width: inherit;
  margin-bottom: 1.3rem;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #706E6B;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute {
  min-width: auto;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  margin-right: 0.3rem;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label::after {
  content: ":";
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 0.8rem;
  font-weight: 400;
}

.nds-b2b-product-item .nds-b2b-product-item_container .nds-b2b-attributes_info .nds-b2b-each-attribute:not(:first-child):before {
  content: " . ";
  font-weight: 300;
  padding: 0 0.25rem;
}

.nds-b2b-product-item .nds-b2b-product-item_container:hover {
  border: 1px solid #d0e7fc;
  background-color: #f3f9fe;
}

.nds-b2b-product-item .nds-b2b-product-item_container:hover .nds-b2b-product-description {
  overflow: hidden;
  position: relative;
  line-height: 1rem;
  max-height: 2rem;
  margin-right: -1em;
  padding-right: 1em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.nds-b2b-product-item .nds-b2b-product-item-not-allowed_container {
  opacity: 0.6;
  cursor: not-allowed;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-product-item {
    margin-right: 0.7rem;
    min-width: 17rem;
    max-width: 17rem;
  }
}
@media screen and (min-width: 80rem) {
  .nds-b2b-product-item {
    min-width: 24rem;
    max-width: 24rem;
  }
}
.nds-b2b-items-grid {
  background-color: transparent;
}

.nds-b2b-items-grid .nds-b2b-items-grid_title {
  font-size: 1.5rem;
  font-weight: 700;
}

.nds-b2b-items-grid .nds-b2b-items-grid_container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nds-b2b-offer-selection {
  padding: 0.25rem;
  width: 100%;
  margin-bottom: 5rem;
}

.nds-b2b-offer-selection .nds-b2b-items-container {
  display: -ms-flexbox;
  display: flex;
  background: #F6F6F6;
  padding: 2rem 0 6rem 6rem;
}

.nds-b2b-offer-selection .nds-b2b-container_items-list {
  width: 100%;
}

.nds-b2b-offer-selection .nds-b2b-container_categories-list {
  display: none;
  width: 0;
}

@media screen and (min-width: 80rem) {
  .nds-b2b-offer-selection .nds-b2b-container_items-list {
    width: 80%;
  }

  .nds-b2b-offer-selection .nds-b2b-container_categories-list {
    width: 20%;
    margin-right: 1rem;
    display: block;
  }
}
@media screen and (max-width: 79rem) and (min-width: 30rem) {
  .nds-b2b-offer-selection .nds-b2b-container_items-list {
    width: 60%;
  }

  .nds-b2b-offer-selection .nds-b2b-items-container {
    padding: 2rem 0 9rem 3rem;
  }

  .nds-b2b-offer-selection .nds-b2b-container_categories-list {
    display: block;
    margin-right: 1rem;
    width: 40%;
  }
}
.nds-b2b-spinner {
  position: fixed;
}

.nds-b2b-tabs {
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nds-b2b-tab_item {
  cursor: pointer;
  color: #706e6b;
  font-size: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid transparent;
}

.nds-b2b-tab_item:not(:first-child) {
  margin-left: 2rem;
}

.nds-b2b-tab_item.nds-b2b-tab_item-active {
  color: #000;
  border-color: #1589ee;
}

.nds-b2b-tabs_cont {
  padding: 0 1rem;
}

@media (min-width: 1024px) {
  .nds-b2b-tabs_cont {
    position: absolute;
    left: 4rem;
    bottom: 0;
  }
}
.nds-b2b-tabs_default .nds-tabs_default {
  background-color: transparent;
}

.nds-b2b-tabs_default .nds-tabs_default__nav {
  border: 0;
}

.nds-b2b-tabs_default .nds-tabs_default__item {
  padding: 0;
  letter-spacing: 0;
  font-size: 1rem;
  text-transform: unset;
}

.nds-b2b-tabs_default .nds-tabs_default__item.nds-is-active {
  color: #000;
}

.nds-b2b-tabs_default .nds-tabs_default__item:not(:first-child) {
  margin-left: 1.5rem;
}

.nds-b2b-button {
  white-space: nowrap;
}

button.nds-b2b-button {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  button.nds-b2b-button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.nds-b2b-button .nds-b2b-button_icon {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.25rem 0.125rem;
}

@media (max-width: 20em) {
  .nds-b2b-icon_x-small-adj-below .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 30em) {
  .nds-b2b-icon_small-adj-below .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 48em) {
  .nds-b2b-icon_medium-adj-below .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 64em) {
  .nds-b2b-icon_large-adj-below .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 20em) {
  .nds-b2b-icon_x-small-adj-above .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 30em) {
  .nds-b2b-icon_small-adj-above .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 48em) {
  .nds-b2b-icon_medium-adj-above .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 64em) {
  .nds-b2b-icon_large-adj-above .nds-b2b-button_icon {
    width: 1rem;
    height: 1rem;
  }
}
.nds-b2b-dropdown_trigger {
  position: relative;
  outline: none;
}

.nds-b2b-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  cursor: pointer;
  display: none;
  z-index: 1;
}

.nds-b2b-dropdown.nds-b2b-dropdown_right {
  left: auto;
  right: 0;
}

.nds-b2b-dropdown_open .nds-b2b-dropdown {
  display: block;
}

.nds-b2b-dropdown_item {
  padding: 0.5rem;
  white-space: nowrap;
}

.nds-b2b-dropdown_item:hover {
  background-color: #fafaf9;
}

.nds-b2b-dropdown_item .nds-b2b-dropdown_item-icon {
  opacity: 0;
  margin-right: 0.5rem;
}

.nds-b2b-dropdown_item-active.nds-b2b-dropdown_item .nds-b2b-dropdown_item-icon {
  opacity: 1;
}

.nds-b2b-cart-summary {
  z-index: 1;
}

.nds-b2b-stretch-y {
  height: 100%;
}

.nds-b2b-pipe {
  position: relative;
}

.nds-b2b-pipe::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 3rem;
  background-color: #d9dbdd;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 76rem) {
  .nds-b2b-pipe::after {
    display: none;
  }
}
.nds-b2b-pipe-before {
  position: relative;
}

.nds-b2b-pipe-before::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 3rem;
  background-color: #d9dbdd;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 76rem) {
  .nds-b2b-pipe-before::before {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nds-b2b-cart-actions {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    max-width: 20%;
  }
}
.nds-b2b-cart-actions .nds-b2b-m-left_medium {
  margin-left: 0.4rem;
}

.nds-b2b-modal .nds-modal__content {
  background-color: #fff;
}

.nds-b2b-modal .nds-modal__content article {
  background-color: #fff;
  border-radius: unset;
}

@media screen and (max-width: 48rem) {
  .nds-b2b-modal .nds-card__body--inner, .nds-b2b-modal .nds-card__body_inner {
    padding: 0;
  }

  .nds-b2b-modal .nds-modal__container {
    margin: 0;
    padding: 0;
  }

  .nds-b2b-modal .nds-modal__header {
    position: absolute;
    top: 0;
    border-radius: unset;
    width: 100%;
    text-align: left;
    z-index: 20;
  }

  .nds-b2b-modal .nds-text-heading_medium {
    padding-left: 2em;
  }

  .nds-b2b-modal .nds-modal__content {
    margin-top: 58px;
    margin-bottom: 60px;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow-y: scroll;
  }

  .nds-b2b-modal .nds-modal__close {
    top: 1em;
    right: unset;
  }

  .nds-b2b-modal .nds-icon {
    fill: #000;
  }

  .nds-b2b-modal .nds-modal__container {
    position: relative;
    background-color: #000;
    margin: auto;
    padding: 0;
    border: 0.0625rem solid #888888;
    width: 100%;
    animation-name: nds-animatetop;
    animation-duration: 0.4s;
  }

  @keyframes nds-animatetop {
    from {
      top: -300px;
      opacity: 0;
    }
    to {
      top: 0;
      opacity: 1;
    }
  }
}
.nds-b2b-modal .nds-card {
  border: none;
  box-shadow: none;
}

.nds-b2b-modal .nds-b2b-input {
  padding: 5px;
  border-radius: 0.3rem;
  border: 1px solid #d9dbdd;
}

.nds-b2b-modal .nds-is-selected {
  background-color: #fff;
}

.nds-b2b-modal .nds-visual-picker input:checked ~ label .nds-visual-picker__icon {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
}

.nds-b2b-modal .nds-checkbox_custom-group .nds-img-item_select-container {
  border: 1px solid #d9dbdd;
  border-radius: 0.3rem;
}

.nds-b2b-modal .nds-checkbox_custom-group input[type=checkbox]:checked + .nds-img_select-cont .nds-img-item_select-container {
  border: 1px solid #0070d2;
  border-radius: 0.3rem;
}

@media screen and (max-width: 48rem) {
  .nds-b2b-modal .nds-checkbox_custom-group {
    -ms-flex: 1 1 150px;
        flex: 1 1 150px;
    min-width: 150px;
  }

  .nds-b2b-modal [data-omni-key=categorySelect] .nds-form-element__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
}
.nds-b2b-modal .nds-img-item_select-container {
  background-color: #fff;
}

.nds-b2b-header-container {
  background-color: #fff;
  color: #000;
  position: relative;
}

.nds-b2b-header-container .nds-b2b-category-icon {
  border-radius: 1rem;
  vertical-align: text-bottom;
  padding: 0.125rem;
  display: inherit;
  background: #1589ee;
}

.nds-b2b-header-title {
  font-weight: 700;
  font-size: 2rem;
  margin-top: 0.8rem;
  letter-spacing: 0.3px;
}

.nd2-b2b-nav-text {
  vertical-align: bottom;
}

.nds-b2b-mobile-nav-icon {
  vertical-align: super;
}

.nds-b2b-header-description {
  margin-left: 6.7rem;
}

@media screen and (max-width: 30rem) {
  .nds-b2b-header-description {
    padding-left: 1.5rem;
  }
}
.nds-b2b-header-tabs {
  position: absolute;
  bottom: 0;
  right: 6rem;
}

.nds-b2b-header-search-container {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 2rem;
  margin-top: 1rem;
}

.nds-b2b-header-search-container .nds-b2b-sort-by {
  margin: 1.5rem 0 0 1rem;
  cursor: pointer;
}

.nds-b2b-header-search-container .nds-b2b-sort-by .nds-b2b-sort-text {
  color: #1589ee;
}

.nds-b2b-header-search-container .nds-b2b-sort-by .nds-b2b-sort-icon {
  display: inline-block;
  transition: all 0.25s ease-in;
}

.nds-b2b-header-search-container .nds-b2b-sort-by .nds-b2b-sort-icon.desc {
  transform: rotate(180deg);
}

.nds-b2b-show-more {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
}

.nds-b2b-show-more.expanded {
  position: static;
  padding: 0;
}

.nds-b2b-show-more-text {
  white-space: nowrap;
  float: left;
}

.nds-b2b-show-more-text.expanded {
  white-space: normal;
}

.nds-b2b-show-more-description {
  position: relative;
  overflow: hidden;
}

.nds-b2b-card {
  margin: 1.5rem 0;
  background: #fff;
}

.nds-b2b-card.nds-b2b-promo-spacing {
  margin: 0 0 1.5rem 0;
}

.nds-b2b-card input.nds-b2b-card_checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.nds-b2b-card .nds-b2b-card_container {
  -ms-flex: 1;
      flex: 1;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs {
  overflow: hidden;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab {
  width: 100%;
  color: #fff;
  overflow: hidden;
  transition: all 0.25s ease-in;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1.5rem 1rem;
  background: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  color: #000;
  cursor: pointer;
  transition: all 0.25s ease-in;
  /* Icon */
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-expand-accordion::after {
  content: "❯";
  width: 1.3em;
  height: 1.3em;
  font-size: 1.6rem;
  text-align: center;
  transition: all 0.35s;
  color: #b0adab;
  right: 0;
  position: relative;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title {
  width: 100%;
  padding-right: 2.5rem;
  display: inherit;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title .nds-b2b-macd-action {
  padding: 0.5rem 0.75rem;
  color: #fff;
  border-radius: 1.5rem;
  background-color: green;
  font-size: 0.75rem;
  position: relative;
  top: -0.3rem;
  margin-right: 0.5rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title .nds-b2b-macd-action.Change {
  background-color: #706e6b;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title .nds-b2b-macd-action.Add {
  background-color: #04844b;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title .nds-b2b-macd-action.Disconnect {
  background-color: #ffb75d;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title .nds-b2b-bundle-title {
  color: #706e6b;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-card_title {
    width: 40vw;
    padding-right: 0;
    display: block;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info {
  overflow: hidden;
  position: inherit;
  width: inherit;
  margin-top: -0.5rem;
  overflow: auto;
  white-space: nowrap;
  /* Hide scrollbars */
  -ms-overflow-style: none;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #706E6B;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info::-webkit-scrollbar {
  display: none;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute {
  min-width: auto;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 0.8rem;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info .nds-b2b-each-attribute:not(:first-child):before {
  content: " . ";
  font-weight: 300;
  padding: 0 0.25rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  right: 1rem;
  overflow: auto;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #706E6B;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  border-bottom: 1px dashed #000;
  float: right;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value:focus {
  border: 1px solid #1589ee;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value.nds-b2b-no-border {
  border-bottom: none;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value.nds-b2b-adjustment-price {
  width: 100%;
  border-bottom: none;
  font-weight: 300;
  font-size: 0.7rem;
  margin-top: 0.2rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity {
  width: 10rem;
  min-height: 2rem;
}

@media screen and (min-width: 60rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity {
    width: 6rem;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity .nds-b2b-quantity_value {
  border: 1px solid #dddbda;
  height: 1.4rem;
  width: 4.4rem;
  padding-left: 0.6rem;
  font-size: 0.9rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity .nds-b2b-quantity_value:focus {
  outline: none;
  -webkit-appearance: none;
  margin: 0;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity .nds-b2b-quantity_value:disabled {
  background-color: #e5e5e5;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-quantity .nds-b2b-configure_label {
  color: #706e6b;
  font-size: 0.65rem;
  font-weight: 400;
  letter-spacing: 0.4px;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-label-container {
  display: block;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-label-container .nds-b2b-child-indicator {
  position: absolute;
  top: 0;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-label-container .nds-b2b-label-details {
  margin-top: 1rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-menu {
  position: absolute;
  right: 0.5rem;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-menu .nds-is-open .nds-dropdown_right {
  overflow: visible;
  position: relative;
  margin-top: -1.25rem;
  z-index: 1;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-menu {
    right: 0.75rem;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-disconnected {
  background-color: #e5e5e5;
  pointer-events: none;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-disconnected .nds-b2b-card_title .nds-b2b-each-card_title {
  text-decoration: line-through;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-no-chevron::after {
  content: "";
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label {
    padding: 1.5rem 3rem 1.5rem 1.5rem;
  }

  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label::after {
    right: 0.5rem;
  }

  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-label-container {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-label-container .nds-b2b-label-details {
    margin-top: 0;
    padding-right: 1.5rem;
    overflow: auto;
  }
}
@media screen and (min-width: 30rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label {
    padding: 1.5rem 3rem 1rem 1.5rem;
  }

  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-attributes_info {
    display: -ms-flexbox;
    display: flex;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content {
  padding: 0 1rem;
  max-height: 0;
  background: white;
  transition: all 0.35s;
  color: #595959;
  overflow: auto;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content {
    padding: 0 1.5rem;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content.nds-b2b-card-parent {
  padding: 0;
  background: #F6F6F6;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content.nds-b2b-content-disconnect {
  pointer-events: none;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked + .nds-b2b-card_tab-label::after {
  transform: rotate(90deg);
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-expand-accordion ~ .nds-b2b-card_tab-content {
  max-height: calc(200vh - 1.3rem);
  border-top: 1px solid #d8d8d8;
}

.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-expand-accordion ~ .nds-b2b-card_tab-content.nds-b2b-extra-padding {
  padding: 1rem;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-expand-accordion ~ .nds-b2b-card_tab-content.nds-b2b-extra-padding {
    padding: 1.5rem;
  }
}
.nds-b2b-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab .nds-b2b-modal-cancel {
  color: #004487;
}

.nds-b2b-card.nds-b2b-product-group {
  background: #F6F6F6;
  margin: 0;
}

.nds-b2b-card.nds-b2b-product-group .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label {
  background: #F6F6F6;
}

.nds-b2b-card.nds-b2b-product-group .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  border-bottom: none;
}

.nds-b2b-card.nds-b2b-product-group .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-disconnected {
  background-color: #e5e5e5;
}

.nds-b2b-card.nds-b2b-product-group .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content {
  padding: 0;
  background: #F6F6F6;
}

.nds-b2b-card.nds-b2b-product-group .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-card_tab-content {
  padding: 0;
}

.nds-b2b-card.nds-b2b-child-card {
  margin: 0 0 1rem 0;
  padding: 0;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label {
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  border-bottom: 1px dashed #000;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value:focus {
  border: 1px solid #1589ee;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value.nds-b2b-no-border {
  border-bottom: none;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value.nds-b2b-adjustment-price {
  width: 100%;
  border-bottom: none;
  font-weight: 300;
  font-size: 0.7rem;
  margin-top: 0.2rem;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-label.nds-b2b-disconnected {
  background-color: #e5e5e5;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content {
  padding: 0;
  background: #fff;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab-content.nds-b2b-extra-padding {
  padding: 0 1.5rem;
}

.nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-expand-accordion ~ .nds-b2b-card_tab-content.nds-b2b-extra-padding {
  padding: 1rem;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-card.nds-b2b-child-card .nds-b2b-card_container .nds-b2b-card_tabs .nds-b2b-card_tab input.nds-b2b-card_checkbox:checked ~ .nds-b2b-expand-accordion ~ .nds-b2b-card_tab-content.nds-b2b-extra-padding {
    padding: 1.5rem;
  }
}
.nds-b2b-card.nds-b2b-child-card.nds-b2b-grand-child-card {
  margin-bottom: 0;
}

.nds-b2b-child-card_path {
  background: #fff;
  padding: 0.4rem 2rem;
  margin: 2rem 2rem 0 4rem;
  border-bottom: 1px solid #d8d8d8;
}

.nds-b2b-child-card_path .nds-b2b-child-card_path-title {
  font-weight: 300;
  color: #1589ee;
  cursor: pointer;
  transition: all 0.35s;
}

.nds-b2b-child-card_path .nds-b2b-child-card_path-title:hover {
  font-weight: 700;
}

.nds-b2b-parent-attribute-container {
  background: #fff;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  display: inherit;
}

.nds-b2b-parent-attribute-container.nds-b2b-disconnect {
  padding: 0;
}

.nds-b2b-card-parent .nds-b2b-parent-attribute-container .nds-b2b-attribute-parent-padding {
  padding-left: 1.5rem;
}

.nds-b2b-delete-offer .nds-modal__header {
  background-color: #e71313;
  color: #fff;
  font-size: 1rem;
}

.nds-b2b-delete-offer .nds-modal__content {
  color: #000;
}

.nds-b2b-attribute-list {
  position: relative;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container {
  margin-bottom: 1rem;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  width: 100%;
  max-width: 37rem;
  min-width: 16rem;
  /* Check Box */
  /* Matrix Table */
  /* Combo Box */
}

@media screen and (min-width: 48rem) {
  .nds-b2b-attribute-list .nds-b2b-attribute-container {
    width: auto;
    margin: 0 2rem 2rem 0;
    -ms-flex: 1;
        flex: 1;
  }
}
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_checkbox .nds-b2b-form-element_checkbox {
  display: inline;
  margin-right: 0.3rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_checkbox .nds-b2b-form-element_checkbox .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux {
  background: #1589ee;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_checkbox .nds-b2b-form-element_checkbox .nds-checkbox .nds-checkbox_faux {
  margin-top: -0.188rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_checkbox .nds-b2b-configure-text {
  font-size: 1rem;
  letter-spacing: 0.01rem;
  color: #595959;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_checkbox .nds-b2b-attribute-each-row {
  margin-bottom: 0.3rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix .nds-b2b-config-label {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: -1.375rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix table {
  width: 98%;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix td,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix th {
  padding: 0.65rem;
  padding-left: 1rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix th {
  font-size: 0.75rem;
  text-transform: uppercase;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix tr:not(:first-child) {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix tr td {
  font-size: 1rem;
  letter-spacing: 0.0375rem;
  font-weight: 300;
  color: #595959;
  border-bottom: 1px solid #f2f2f2;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix tr:nth-child(2) td {
  border-top: 1px solid #d8d8d8;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix tr:last-child td {
  border-bottom: 1px solid #d8d8d8;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix tr td:first-child {
  font-weight: 400;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix th:first-child {
  width: 70vh;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix .nds-b2b-attribute-radio {
  margin-right: 1vw;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix .nds-b2b-attribute-radio.nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux {
  border-color: #1589ee;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix .nds-b2b-attribute-radio.nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux:after {
  background: #1589ee;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_matrix .nds-b2b-attribute-radio .nds-radio_faux {
  margin-top: -0.1875rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox {
  margin-top: 0.9rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input .nds-form-container {
  padding: 0;
  margin-bottom: 0;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input .nds-input {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  margin-bottom: 0;
  padding: 0.25rem 0.75rem;
  height: 1.875rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input .nds-input-has-icon_right .nds-input__icon {
  right: 0.5rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input .nds-input-has-icon_left .nds-input__icon {
  left: 0.5rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input .nds-dropdown {
  position: relative;
  max-height: 15rem;
  overflow-y: auto;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input:focus ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input:focus + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-has-value:not(:focus):valid ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-has-value:not(:focus):valid + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input[cloned=dirty] ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input[cloned=dirty] + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-input[cloned=dirty] ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-input[cloned=dirty] + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-is-dirty.nds-not-empty + .nds-form-element__label, .nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.ng-dirty.ng-not-empty ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.ng-dirty.ng-not-empty + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.nds-input.ng-dirty.ng-not-empty.ng-touched[vlc-nds-lookup-control] + .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.ng-touched.ng-not-empty.td-input ~ .nds-form-element__label,
.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-input input.ng-touched.ng-not-empty.td-input + .nds-form-element__label {
  top: 0.1rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label, .nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label {
  top: 0rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label {
  padding-left: 0.75rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-configure-text {
  font-size: 1rem;
  letter-spacing: 0.01rem;
  color: #595959;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-b2b-trash_icon {
  cursor: pointer;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox .nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly] {
  font-size: 0.8125rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox.nds-b2b-combobox {
  margin-top: 1rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox.nds-b2b-combobox .nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label label {
  color: #3e3e3c;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_combobox.nds-b2b-combobox-position {
  position: relative;
  top: 1.4375rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-container .nds-b2b-attribute-config-offer_radio {
  min-width: 23rem;
}

.nds-b2b-attribute-list .nds-b2b-attribute-category-name {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}

.nds-b2b-child-addons .nds-b2b-child-addons_title {
  font-size: 1rem;
  width: 100%;
  margin: 0.5rem 0 1rem 0.7rem;
}

.b2b-config-child-container {
  margin-top: 1.5rem;
}

.nds-b2b-total-bar {
  min-height: 5rem;
  background-color: #fff;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1.2rem 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  box-shadow: 0px -6px 11px 0px rgba(213, 213, 213, 0.67);
}

.nds-b2b-total-bar .nds-b2b-btn-container {
  position: absolute;
  right: 2rem;
}

.nds-b2b-total-bar .nds-b2b-configure_label {
  color: #9a9a9a;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
  margin-bottom: 0.4rem;
}

.nds-b2b-total-bar .nds-b2b-configure_locations {
  color: #000;
  font-size: 1rem;
  text-align: right;
  font-weight: 700;
}

.nds-b2b-total-bar .nds-b2b-configure_container {
  -ms-flex-positive: 5;
      flex-grow: 5;
}

.nds-b2b-total-bar .nds-b2b-price_container {
  -ms-flex-positive: 3;
      flex-grow: 3;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-b2b-total-bar .nds-b2b-price_container .nds-b2b-quantity_value {
  border: 1px solid #dddbda;
  height: 1.4rem;
  width: 2.5rem;
  text-align: center;
}

.nds-b2b-total-bar .nds-b2b-price_container .nds-b2b-location-button {
  display: block;
  color: #fff;
  font-size: 0.7rem;
  padding: 0 1rem;
  margin-top: 0.6rem;
  cursor: pointer;
  background-color: #1589ee;
  width: 100%;
}

.nds-b2b-total-bar .nds-b2b-price_container .nds-b2b-location-button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #a7a7a7;
}

.nds-b2b-total-bar .nds-b2b-price_container.nds-b2b-footer-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.nds-b2b-total-bar .nds-b2b-qty-box {
  border: 1px solid #dddbda;
  height: 1.4rem;
  width: 2.6rem;
  text-align: center;
}

.nds-b2b-total-bar .nds-p-bottom_small.nds-b2b-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

.nds-b2b-total-bar.nds-b2b-align-footer {
  padding: 1.2rem 0.5rem 0.5rem 2rem;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-total-bar {
    padding: 1.2rem 2rem;
  }

  .nds-b2b-total-bar .nds-b2b-configure_container {
    margin-bottom: 0;
  }

  .nds-b2b-total-bar .nds-b2b-price_container {
    width: auto;
  }

  .nds-b2b-total-bar .nds-b2b-price_container .nds-b2b-location-button {
    width: auto;
  }
}
.nds-b2b-child_radio-container {
  background: #fff;
  border: 1px solid #ecebea;
  border-radius: 0.25rem;
  box-shadow: 0 3px 0.25rem 0 #ecebea;
  padding: 1rem;
  margin-bottom: 0.7rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container {
  display: block;
  position: relative;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-label-details {
  margin-top: 1rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title {
  width: 25.5rem;
  font-weight: 300;
  font-size: 1rem;
  color: #000;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title .nds-b2b-attribute-radio {
  margin-right: 0.25rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title .nds-b2b-attribute-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux {
  border-color: #1589ee;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title .nds-b2b-attribute-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux::after {
  background-color: #1589ee;
}

@media screen and (min-width: 80rem) {
  .nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title {
    width: 25.5rem;
  }
}
.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-price_info {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1.5rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-price_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #706E6B;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  float: right;
  color: #000;
  font-size: 1rem;
  font-weight: 300;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-quantity {
  width: auto;
  min-height: 2rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-quantity .nds-b2b-quantity_value {
  border: 1px solid #dddbda;
  height: 1.4rem;
  width: 3rem;
  padding-left: 1.2rem;
  font-size: 0.9rem;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-quantity .nds-b2b-quantity_value:disabled {
  background-color: #F6F6F6;
}

.nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-quantity .nds-b2b-configure_label {
  color: #706e6b;
  font-size: 0.65rem;
  font-weight: 400;
  letter-spacing: 0.025rem;
  margin-bottom: 0.25rem;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-child_radio-container {
    padding: 1.5rem;
  }

  .nds-b2b-child_radio-container .nds-b2b-quantity {
    margin: -0.5rem 2rem 0 2rem;
  }

  .nds-b2b-child_radio-container .nds-b2b-label-container {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title {
    font-size: 1rem;
    width: 37vw;
  }

  .nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-card_title.selected {
    font-size: 1.3rem;
  }

  .nds-b2b-child_radio-container .nds-b2b-label-container .nds-b2b-label-details {
    margin-top: 0;
  }
}
.nds-b2b-child_radio-container.selected .nds-b2b-label-container .nds-b2b-card_title {
  font-weight: 700;
}

.nds-b2b-child_radio-container.selected .nds-b2b-label-container .nds-b2b-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  border-bottom: 1px dashed #000;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

.nds-b2b-child_radio-container.product-group-child .nds-b2b-label-container .nds-b2b-price_info {
  right: 3.5rem;
}

.nds-b2b-hr {
  margin: 0;
  color: #b0adab;
}

.nds-b2b-configure-offer-container {
  margin-bottom: 4rem;
}

.nds-b2b-error-message {
  padding: 0.7rem 0 0.7rem 1rem;
  background: #FFEED0;
}

.nds-b2b-error-message.nds-b2b-root-message {
  margin: 0.5rem 6vw 0 6vw;
}

.b2b-config-offer {
  padding-bottom: 2rem;
  background: #F6F6F6;
}

@media screen and (min-width: 48rem) {
  .b2b-config-offer {
    padding: 1rem 1rem 9rem;
  }
}
@media screen and (min-width: 80rem) {
  .b2b-config-offer {
    min-height: 70vh;
    height: auto;
    padding: 1rem 6rem 6rem 6rem;
  }
}
.nds-b2b-adjust-price-modal .nds-modal__content {
  padding: 0;
}

.nds-b2b-adjust-price-modal .nds-modal__container {
  margin: 0;
  padding: 0;
}

.nds-b2b-adjust-price-modal .nds-modal__container .nds-modal__close {
  display: none;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-adjust-price-modal .nds-modal__container {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 3rem 0;
  }
}
.nds-b2b-adjust-price-modal .nds-b2b-modal-header {
  font-size: 1.3rem;
  color: #000;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-adjust-price-modal .nds-b2b-modal-header {
    font-size: 1.6vw;
  }
}
.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer {
  background-color: #F6F6F6;
  padding: 1.5rem 0rem;
  color: #595959;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-select-price .nds-radio_button-group {
  width: auto;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-select-price .nds-radio_button .nds-radio_faux {
  color: #1589ee;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-select-price .nds-radio_button [type=radio]:checked + .nds-radio_button__label {
  background-color: #1589ee;
  border-radius: 0;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-select-price .nds-radio_button [type=radio]:checked + .nds-radio_button__label .nds-radio_faux {
  color: #fff;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-select-price .nds-radio_button [type=radio]:checked + .nds-radio_button__label .nds-radio-overlay {
  border: none;
  border-radius: 0;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container {
  background-color: #fff;
  margin-top: 1.5rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  width: 100%;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container {
  font-size: 1rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row {
  padding: 0.7rem 2.4rem;
  font-size: 0.9rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row .nds-b2b-delete-adjustment {
  cursor: pointer;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row .nds-b2b-adjustment-description {
  font-size: 0.7rem;
  color: #b0adab;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row:hover {
  background-color: #f3f9fe;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row:nth-last-child(2) {
  padding-bottom: 1rem;
  border-bottom: 1px solid #000;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-override-prices-container .nds-b2b-override-prices_row.nds-b2b-no-bg:hover {
  background: none;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-type-combobox {
  width: 20vw;
  max-width: 10rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input {
  width: 13vw;
  margin-left: 0.5rem;
  max-width: 7rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input-icon {
  position: absolute;
  top: 50%;
  margin-top: -0.4rem;
  line-height: 1;
  color: #b0adab;
  margin-left: 0.8rem;
  font-size: 0.8rem;
  font-weight: 700;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input-icon.right {
  right: 0.8rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  padding: 0 1rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input:focus {
  outline: none;
  border: 1px solid #1589ee;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input::-webkit-outer-spin-button, .nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-adjustment-input .nds-b2b-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-add-button {
  background-color: #fff;
  border: 1px solid #dddbda;
  font-size: 0.7rem;
  padding: 0 1.2rem;
  cursor: pointer;
  transition: all 0.25s ease-in;
  color: #1589ee;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-waterfall-container .nds-b2b-custom-adjustment .nds-b2b-add-button:hover {
  color: #fff;
  background-color: #1589ee;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-header {
  border-bottom: 1px solid #dddbda;
  padding: 0.3rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-header_title {
  font-size: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-header.nds-b2b-justify-content {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-adjust-price-modal .nds-b2b-override-price-offer .nds-b2b-override-header {
    padding: 0.9rem;
  }
}
@media screen and (min-width: 48rem) {
  .nds-b2b-adjust-price-modal .nds-b2b-override-price-offer {
    padding: 1.5rem 2rem;
  }
}
.nds-b2b-adjust-price-modal .nds-b2b-modal-button {
  color: #1589ee;
  padding: 0rem 2.5rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-modal-button.nds-b2b-primary {
  color: #fff;
  background: #1589ee;
  border: 1px solid #1589ee;
}

.nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container .nds-b2b-time-policy-combobox {
  width: 95%;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container .nds-b2b-time-policy-combobox {
    width: 48%;
  }
}
.nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container .nds-b2b-time-policy-combobox .nds-form-element__control.nds-form-element__control-animated-label .nds-form-element__label {
  padding-left: 0.35rem;
}

.nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container .nds-b2b-time-policy-combobox .nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty + .nds-form-element__label, .nds-b2b-adjust-price-modal .nds-b2b-select-timelist-container .nds-b2b-time-policy-combobox .nds-form-element__control.nds-form-element__control-animated-label input.nds-is-dirty.nds-not-empty ~ .nds-form-element__label {
  top: 0.2rem;
}

.nds-b2b-apply-discount-modal .nds-modal__content {
  padding: 0;
}

.nds-b2b-apply-discount-modal .nds-modal__container {
  margin: 0;
  padding: 0;
}

.nds-b2b-apply-discount-modal .nds-modal__container .nds-modal__close {
  display: none;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-apply-discount-modal .nds-modal__container {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0;
  }
}
.nds-b2b-apply-discount-modal .nds-b2b-modal-header {
  font-size: 1.3rem;
  color: #000;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-apply-discount-modal .nds-b2b-modal-header {
    font-size: 1.6vw;
  }
}
.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount {
  background-color: #F6F6F6;
  padding: 1.5rem 0rem;
  color: #595959;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-discounts-container {
  background-color: #fff;
  margin-top: 1.5rem;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  width: 100%;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-discounts-container .nds-b2b-apply-discounts-table_container {
  font-size: 1rem;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-discounts-container .nds-b2b-available-discounts-container {
  font-size: 1rem;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-override-header {
  border-bottom: 1px solid #dddbda;
  padding: 0.9rem;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-override-header_title {
  font-size: 1rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-search-discount {
  margin: 1.5rem 1rem 1.5rem 0;
  text-align: right;
}

.nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-search-discount .nds-b2b-search-discount_input {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  padding: 0 2rem;
  width: 20rem;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-apply-discount-modal .nds-b2b-adjust-discount {
    padding: 1.5rem 2rem;
  }

  .nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-override-select-price {
    padding-left: 0;
  }

  .nds-b2b-apply-discount-modal .nds-b2b-adjust-discount .nds-b2b-search-discount {
    margin: 1.5rem 0;
  }
}
.nds-b2b-apply-discount-modal .nds-b2b-modal-button {
  color: #1589ee;
  padding: 0.25rem 2.5rem;
  margin: 0 1rem 0 0;
}

.nds-b2b-apply-discount-modal .nds-b2b-modal-button.nds-b2b-primary {
  color: #fff;
  background: #1589ee;
  border: 1px solid #1589ee;
}

.nds-b2b-discount-card {
  background: #fff;
  border-top: 1px solid #d8d8d8;
}

.nds-b2b-discount-card:first-child {
  border-top: none;
}

.nds-b2b-discount-card input.nds-b2b-discount-card_checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container {
  -ms-flex: 1;
      flex: 1;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs {
  overflow: hidden;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab {
  width: 100%;
  color: #fff;
  overflow: hidden;
  transition: all 0.25s ease-in;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 1.5rem 1rem;
  background: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  color: #000;
  cursor: pointer;
  transition: all 0.25s ease-in;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label.showIcon {
  /* Icon */
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label.showIcon::after {
  content: "❯";
  width: 1.3em;
  height: 1.3em;
  font-size: 1.6rem;
  text-align: center;
  transition: all 0.35s;
  color: #b0adab;
  right: 2rem;
  position: relative;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-card_title {
  width: 40vw;
  font-size: 1rem;
  font-weight: 400;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-card_title .nds-b2b-discount-status {
  font-size: 0.6rem;
  color: #666666;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info {
  overflow: hidden;
  position: inherit;
  width: inherit;
  margin-top: -0.5rem;
  overflow: auto;
  white-space: nowrap;
  /* Hide scrollbars */
  -ms-overflow-style: none;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_label {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3px;
  color: #706E6B;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info::-webkit-scrollbar {
  display: none;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute {
  min-width: auto;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute .nds-b2b-discount-description {
  font-size: 0.7rem;
  color: #000;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info .nds-b2b-each-attribute .nds-b2b-discount-description.description {
  color: #b0adab;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info {
    position: absolute;
  }

  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info.description {
    margin-top: 0.5rem;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1rem;
  margin-top: -2rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info .nds-b2b-each-attribute {
  min-width: 6rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info .nds-b2b-each-attribute .nds-b2b-discount-price_label {
  font-size: 0.7rem;
  color: #b0adab;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info .nds-b2b-each-attribute .nds-b2b-attribute_value {
  font-size: 1rem;
  font-weight: bold;
  float: right;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info .nds-b2b-each-attribute {
    min-width: 6rem;
  }
}
@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-price_info {
    right: 6rem;
    margin-top: 0;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-label-container {
  display: block;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-label-container .nds-b2b-child-indicator {
  position: absolute;
  top: 0;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-label-container .nds-b2b-label-details {
  margin-top: 2.5rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-delete-menu {
  position: absolute;
  right: 1.5rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-delete-menu .nds-b2b-add-discount {
  font-size: 0.8rem;
  font-weight: 400;
  color: #1589ee;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label {
    padding: 1rem 3rem 2.25rem 1.5rem;
  }

  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label.showIcon::after {
    right: 0;
  }

  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-label-container {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-label-container .nds-b2b-label-details {
    margin-top: 0;
  }
}
@media screen and (min-width: 60rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-label .nds-b2b-discount-attributes_info {
    display: -ms-flexbox;
    display: flex;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content {
  padding: 0 1rem;
  max-height: 0;
  background: white;
  transition: all 0.35s;
  overflow: auto;
  color: #595959;
  position: relative;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content {
    padding: 0 1.5rem;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row {
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 1rem 0;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-chargeType {
  font-size: 1rem;
  font-weight: bold;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-chargeType {
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: 0.5rem;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-adjustment .nds-b2b-adjustment-type-combobox {
  margin: 0.5rem 0;
  width: 100%;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-adjustment .nds-b2b-adjustment-type-combobox {
    width: auto;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-configure-input {
  margin: 0;
  width: 100%;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-configure-input .nds-b2b-discount-input {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  padding: 0 1rem;
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-configure-input .nds-b2b-discount-input:focus {
  outline: none;
  border: 1px solid #1589ee;
}

@media screen and (min-width: 48rem) {
  .nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab-content .nds-b2b-configure-discount-row .nds-b2b-discount-configure-input {
    width: auto;
    margin: 0.5rem;
  }
}
.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab input.nds-b2b-discount-card_checkbox:checked + .nds-b2b-discount-card_tab-label.showIcon::after {
  transform: rotate(90deg);
}

.nds-b2b-discount-card .nds-b2b-discount-card_container .nds-b2b-discount-card_tabs .nds-b2b-discount-card_tab input.nds-b2b-discount-card_checkbox:checked ~ .nds-b2b-discount-card_tab-content {
  max-height: 500px;
  border-top: 1px solid #d8d8d8;
}

.nds-b2b-config-promo-wrapper {
  background-color: #EEF4FF;
  padding: 0.6rem 1.4rem;
}

.nds-b2b-config-promo-wrapper.nds-b2b-summary-promotion {
  width: 270px;
  padding: 0.6rem 0.3rem 0.6rem 0;
  border-radius: 0.1rem;
}

.nds-b2b-config-promo-wrapper .nds-b2b-promo-details {
  text-decoration: underline;
  cursor: pointer;
  color: #1589ee;
  padding: 0 4rem 0 0;
}

.nds-b2b-config-promo-wrapper .nds-b2b-config-promo-name {
  color: #000;
  font-weight: 700;
}

.nds-b2b-config-promo-wrapper .nds-b2b-config-promo-details {
  color: #1589ee;
  font-weight: 700;
}

.nds-b2b-config-promo-wrapper .nds-b2b-config-promo-selected {
  width: auto;
  color: #fff;
  font-size: 0.7rem;
  padding: 0 1rem;
  margin: 0.6rem 0 1.2rem 0;
  line-height: 1.875rem;
  border-radius: 0.25rem;
  background-color: #1589ee;
}

.nds-b2b-upload_wrapper {
  min-height: calc(100vh - 20rem);
}

.nds-b2b-upload_box {
  border: 1px dashed #000;
  border-radius: 0.25rem;
}

.nds-b2b-upload_box-filled {
  border-style: solid;
}

.nds-b2b-dragging {
  background-color: #f3f9fe;
}

.nds-b2b-show_popup {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6000;
}

.nds-b2b-show_popup .nds-b2b-upload_wrapper {
  min-height: 100vh;
}

.nds-b2b-upload_wrapper .nds-b2b-selection-options .nds-radio {
  margin-bottom: 0.5rem;
}

.nds-b2b-upload_wrapper .nds-b2b-selection-options .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux {
  border-color: #1589ee;
}

.nds-b2b-upload_wrapper .nds-b2b-selection-options .nds-radio [type=radio]:checked + .nds-radio__label .nds-radio_faux:after {
  background: #1589ee;
}

.nds-b2b-upload_wrapper .nds-b2b-selection-options .nds-radio .nds-radio_faux {
  margin-right: 0.75rem;
}

.nds-b2b-upload_wrapper .nds-b2b-selection-options .nds-radio .nds-form-element__label {
  font-weight: normal;
}

.nds-b2b-table {
  background-color: #fff;
  color: #000;
  border: 1px solid #dddbda;
  table-layout: fixed;
  width: 100%;
}

.nds-b2b-summary-table-wrapper {
  table-layout: auto;
}

.nds-b2b-table_row {
  border-bottom: 1px solid #dddbda;
}

.nds-b2b-table_row .nds-b2b-table_row-header {
  border-color: #b0adab;
}

.nds-b2b-search-records {
  display: inline-block;
  width: 84%;
  margin-right: 0.625rem;
}

.nds-b2b-upload-btn {
  margin-bottom: 0.25rem;
}

.nds-b2b-table_cell {
  padding: 0.75rem 0.5rem;
  vertical-align: top;
}

.nds-b2b-table_head-row .nds-b2b-table_cell {
  font-weight: bold;
  padding-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.nds-b2b-table_cell:not(.nds-b2b-table_cell-readonly):hover {
  background-color: #fff;
}

.nds-b2b-table_cell:not(.nds-b2b-table_cell-readonly):hover .nds-b2b-hover-icon {
  opacity: 1;
}

.nds-b2b-table_cell-label {
  display: none;
  color: #706e6b;
  font-size: 0.75rem;
}

.nds-b2b-table_cell .nds-form-container {
  padding: 0;
  margin-bottom: 0;
}

.nds-b2b-table_cell .nds-input {
  min-height: initial;
  line-height: 1;
  padding: 0;
  border: none;
}

.nds-b2b-table_cell .nds-b2b-table-cell-field-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.nds-b2b-table_sort {
  outline: none;
}

.nds-b2b-icon_cell {
  width: 3rem;
}

.nds-b2b-table_checkbox .nds-checkbox .nds-checkbox_faux {
  border-color: #000;
}

.nds-b2b-table_checkbox .nds-checkbox [type=checkbox]:focus ~ .nds-checkbox_faux {
  border-color: #000;
}

.nds-b2b-table_checkbox .nds-checkbox [type=checkbox]:focus:checked ~ .nds-checkbox_faux, .nds-b2b-table_checkbox .nds-checkbox [type=checkbox]:checked ~ .nds-checkbox_faux {
  background-color: #0070d2;
  border-color: #000;
  opacity: 1;
}

.nds-b2b-table_checkbox .nds-checkbox [type=checkbox]:indeterminate ~ .nds-checkbox_faux {
  background-color: #fff;
}

.nds-b2b-table_checkbox .nds-checkbox [type=checkbox]:indeterminate ~ .nds-checkbox_faux:after {
  background-color: #fff;
}

.nds-b2b-map-btn {
  position: absolute;
  right: 1rem;
}

.nds-b2b-map-btn .nds-b2b-map-top {
  margin-top: 4.6rem;
}

.nds-b2b-tbl-top {
  margin-top: 3rem;
}

.nds-b2b-panel-container .nds-is-relative {
  overflow: visible;
}

.nds-b2b-panel-container .nds-b2b-panel {
  position: absolute;
  right: 1rem;
  top: 13rem;
  height: 30rem;
  width: 50%;
  z-index: 1;
  box-shadow: none;
  background: none;
}

.nds-p-bottom_small.nds-b2b-flex {
  display: -ms-flexbox;
  display: flex;
}

.nds-grid.nds-b2b-filter {
  padding-left: 3rem;
}

@media (max-width: 1024px) {
  .nds-grid.nds-b2b-filter {
    padding-left: 1rem;
  }
}
.nds-b2b-input.nds-b2b-flex-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.nds-b2b-table_cell-center {
  text-align: center;
}

.nds-b2b-table_cell-right {
  text-align: right;
}

@media (max-width: 1024px) {
  .nds-b2b-table,
.nds-b2b-table_body,
.nds-b2b-table_cell,
.nds-b2b-table_cell-label {
    display: block;
  }

  .nds-b2b-table_transition-hide,
.nds-b2b-table_head {
    display: none;
  }

  .nds-b2b-table_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 2rem;
    position: relative;
  }

  .nds-b2b-table_row .nds-b2b-row_hover-show {
    opacity: 1;
  }

  .nds-b2b-table_cell {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    padding: 0.5rem;
    width: 100%;
  }

  .nds-b2b-table_cell-full {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
  }

  .nds-b2b-icon_cell {
    -ms-flex: 0;
        flex: 0;
    padding: 0;
  }

  .nds-b2b-icon_cell .nds-checkbox {
    position: absolute;
    left: -1rem;
    top: 1rem;
    transform: translateY(-50%);
  }

  .nds-b2b-table_cell-box {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-b2b-table_cell-label {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
  }

  .nds-b2b-action_cell {
    position: absolute;
    right: 0;
    width: 1.5rem;
    top: 0.5rem;
  }

  .nds-b2b-panel-container .nds-is-relative {
    overflow: visible;
  }

  .nds-b2b-panel-container .nds-b2b-panel {
    position: absolute;
    right: 1rem;
    top: 22.7rem;
    height: 30rem;
    width: 50%;
    z-index: 1;
    box-shadow: none;
    background: none;
  }

  .nds-b2b-table_cell-center {
    text-align: left;
  }

  .nds-b2b-table_cell-right {
    text-align: left;
  }

  .nds-b2b-desc-item-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .nds-b2b-table_cell {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
  }

  .nds-b2b-map-btn {
    position: absolute;
    right: 1rem;
  }

  .nds-b2b-map-btn .nds-b2b-map-top {
    margin-top: 7.5rem;
  }
}
@media (min-width: 1024px) {
  .nds-b2b-table_row:not(.nds-b2b-table_head-row):hover {
    background-color: #f3f2f2;
  }

  .nds-b2b-table_row:not(.nds-b2b-table_head-row):hover .nds-b2b-row_hover-show {
    opacity: 1;
  }

  td.nds-b2b-table_cell-readonly.nds-b2b-table_cell-center, td.nds-b2b-table_cell-readonly.nds-b2b-table_cell-right {
    padding-right: 1.6rem;
  }

  td.nds-b2b-summary-cell {
    max-width: 350px;
  }
}
.nds-b2b-detail-row {
  background-color: #fafaf9;
  border: 1px solid #7f7f7f;
  box-shadow: inset 0 0 10px -8px #000;
  position: absolute;
  left: 2rem;
  width: calc(100% - 4rem);
  margin-top: 0.75rem;
  padding: 1rem;
  z-index: 6000;
}

.nds-b2b-detail-row::after {
  width: 1rem;
  height: 1rem;
  background-color: #fafaf9;
  border: 1px solid transparent;
  border-right-color: #7f7f7f;
  border-top-color: #7f7f7f;
  content: "";
  position: absolute;
  left: 4rem;
  top: -0.5rem;
  transform: rotate(-45deg);
}

.nds-b2b-row_spacer + .nds-b2b-row_spacer {
  margin-top: 0.75rem;
}

.nds-b2b-desc-item {
  margin-right: 0.75rem;
  position: relative;
}

.nds-b2b-desc-item + .nds-b2b-desc-item {
  margin-left: 0.75rem;
}

.nds-b2b-desc-item + .nds-b2b-desc-item::before {
  content: ".";
  position: absolute;
  left: -0.75rem;
  color: #000;
  font-weight: bold;
}

.nds-b2b-desc-item_label {
  text-transform: uppercase;
  margin-right: 0.5rem;
}

.nds-item-desc-item_detail {
  font-weight: bold;
}

.nds-b2b-summary-cell .nds-datepicker td.nds-is-selected:not(.nds-is-today) > .nds-day {
  background: #1589ee;
}

.nds-b2b-summary-cell .nds-checkbox [type=checkbox]:checked + .nds-checkbox__label .nds-checkbox_faux {
  background: #1589ee;
}

.nds-b2b-summary-cell .nds-checkbox [type=checkbox]:focus + .nds-checkbox__label .nds-checkbox_faux {
  border-color: #1589ee;
  box-shadow: 0 0 3px 2px #1589ee;
}

.nds-b2b-asset-groupBy {
  padding-left: 0;
}

.nds-b2b-split-btn button {
  padding: 0.34rem;
}

.nds-b2b-asset-split-menu > div {
  margin-left: -4.3rem;
}

.nds-b2b-asset-split-menu .nds-b2b-asset-split-menu-style > a {
  text-decoration: none;
  background-color: #fff;
  color: #000;
}

.nds-b2b-asset-search {
  width: 100%;
}

.nds-b2b-asset-utility {
  padding-left: 0;
  padding-right: 0;
}

.nds-b2b-utility-block {
  margin: 0;
}

.nds-b2b-asset-tbl {
  border-collapse: collapse;
}

.nds-b2b-asset-recordlink {
  cursor: pointer;
  text-decoration: none;
  color: #0070d2;
}

.nds-b2b-asset-recordlink:hover {
  text-decoration: underline;
  color: #005fb2;
}

.nds-b2b-input .nds-form-container {
  padding: 0;
  margin-bottom: 0;
}

.nds-b2b-input .nds-input {
  border: 1px solid #7f7f7f;
  border-radius: 0.25rem;
  margin-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.nds-b2b-input .nds-input-has-icon_right .nds-input__icon {
  right: 0.5rem;
}

.nds-b2b-input .nds-input-has-icon_left .nds-input__icon {
  left: 0.5rem;
}

.nds-b2b-input .nds-combobox_container .nds-combobox__form-element.nds-form-element__control.nds-form-element__control-animated-label input[readonly] {
  padding-left: 0.75rem;
}

.nds-b2b-menu_full .nds-dropdown {
  width: 100%;
}

.nds-b2b-menu_full .nds-button__icon {
  display: none;
}

.nds-b2b-tooltip_wrapper {
  position: relative;
}

.nds-b2b-tooltip_cont {
  display: none;
  color: #000;
  margin-top: 0.5rem;
  position: absolute;
  top: 100%;
  left: 0;
}

.nds-b2b-tooltip_wrapper:hover .nds-b2b-tooltip_cont {
  display: block;
}

.nds-b2b-title {
  font-size: 1.5rem;
  color: #000;
}

/**
 * @summary This is a Left Account Info State.
 *
 * @name base
 * @selector nds-table-account-info
 * @restrict
 * @variant
 * @required
 * @support dev-ready
 */
.nds-table-account-info .nds-max-medium-table--stacked td:before {
  padding-bottom: 0.25rem;
}

.nds-table-account-info .nds-max-medium-table--stacked th:before {
  padding-bottom: 0.25rem;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal {
  border: 0;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal thead {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal th {
  border-top: 0;
  display: block;
  padding: 0.75rem;
  max-width: 100%;
  width: 100%;
  clear: both;
  white-space: normal;
  overflow: hidden;
  text-align: left;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal th:before {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #54698d;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  display: block;
  padding-bottom: 0.25rem;
  content: attr(data-label);
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal tr {
  display: block;
  border-top: 2px solid #d8dde6;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal tr > td:first-child {
  padding: 0.75rem;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal tr > td:last-child {
  padding: 0.75rem;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal td {
  display: block;
  padding: 0.75rem;
  max-width: 100%;
  width: 100%;
  clear: both;
  white-space: normal;
  overflow: hidden;
  text-align: left;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal td:before {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #54698d;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  display: block;
  padding-bottom: 0.25rem;
  content: attr(data-label);
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal th.nds-truncate {
  max-width: 100%;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal td.nds-truncate {
  max-width: 100%;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover td {
  background-color: inherit !important;
  box-shadow: none !important;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal:not(.nds-no-row-hover) tbody tr:hover th {
  background-color: inherit !important;
  box-shadow: none !important;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal .nds-is-interactive .nds-button {
  visibility: visible;
}

.nds-table-account-info .nds-max-medium-table--stacked-horizontal .nds-cell-shrink {
  width: auto;
}

/**
 * @summary This is NdsHeader.
 *
 * @name base
 * @selector 
 * @restrict
 * @variant
 * @required
 * @support dev-ready
 */
.nds-page-header {
  padding: 1rem;
  border-bottom: 1px solid #dddbda;
  border-radius: 0.25rem;
  background: #f3f2f2;
  background-clip: padding-box;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #dddbda;
}

.nds-page-header__row {
  display: -ms-flexbox;
  display: flex;
}

.nds-page-header__col-title {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  min-width: 0;
}

.nds-media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

.nds-media__figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
}

.nds-media_body {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.nds-page-header__name {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 0.5rem;
  max-width: 100%;
}

.nds-page-header__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
  display: block;
}

.nds-truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nds-page-header__col-actions {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex: none;
      flex: none;
  padding-bottom: 0.25rem;
  vertical-align: top;
}

.nds-page-header__controls {
  display: -ms-flexbox;
  display: flex;
}

.nds-page-header__control {
  margin-left: 0.25rem;
}

.nds-page-header__col-meta {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  vertical-align: middle;
}

.nds-page-header__meta-text {
  font-size: 0.875rem;
}

.nds-page-header__row_gutters {
  margin-left: -1rem;
  margin-right: -1rem;
}

.nds-page-header__col-details {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 100%;
}

.nds-page-header__detail-row {
  margin: 0.75rem -1rem -1rem;
  padding: 0.75rem 1rem;
  border-radius: 0 0 0.25rem 0.25rem;
  background-color: white;
  position: relative;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
}

.nds-page-header__detail-block {
  padding-right: 2rem;
  padding-left: 2rem;
  max-width: 25%;
  display: list-item;
}

.nds-text-title {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
}

.nds-page-header__name-title {
  min-width: 0;
}

.nds-page-header .nds-page-header__reset-padding {
  padding-left: 0;
  padding-right: 4rem;
}

.nds-page-header .nds-page-header__flex-wrap-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/**
 * @summary This is a Left Account Info State.
 *
 * @name base
 * @selector nds-data-table
 * @restrict
 * @variant
 * @required
 * @support dev-ready
 */
.nds-data-table {
  display: table;
}

.nds-data-table .nds-data-table-head-cell {
  background-color: #fafaf9;
  color: #514f4d;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  text-align: left;
}

.nds-data-table .nds-data-table-row-cell {
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  position: relative;
}

.nds-data-table .nds-data-table-row-cell .nds-draggable-icon {
  cursor: -webkit-grab;
  cursor: grab;
}

.nds-data-table .nds-data-table-row-cell .nds-draggable-icon:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.nds-data-table-head {
  display: table-header-group;
}

.nds-data-table-row {
  display: table-row;
  counter-increment: row-number;
}

.nds-data-table-body {
  display: table-row-group;
}

.nds-data-table-body .nds-data-table-row:hover {
  background-color: #eee;
}

.nds-data-table-head-cell {
  display: table-cell;
}

.nds-data-table-row-cell {
  display: table-cell;
  vertical-align: top;
}

.nds-data-table-row-cell .nds-icon-width {
  width: 0.1%;
}

.nds-table_header-fixed .nds-data-table-head-cell {
  position: static;
  padding: 0;
  border-top: 0;
}

.nds-table_header-fixed .nds-data-table-body {
  border: 0;
}

.nds-table_bordered .nds-data-table-row-cell {
  border-top: 1px solid #dddbda;
}

.nds-data-table-head-cell.nds-icon-width {
  width: 0.1%;
}

.nds-data-table-row-cell.nds-icon-width {
  width: 0.1%;
}

.nds-border-top-20-lightgray {
  border-top: 20px solid lightgray;
}

.nds-border-top-none {
  border-top: none;
}

.nds-border-bottom-20-lightgray {
  border-bottom: 20px solid lightgray;
}

.nds-border-bottom-none {
  border-bottom: none;
}

.nds-anchor-tag-color {
  color: #006dcc;
}

.nds-data-table-row.nds-hide {
  display: none;
}

/**
 * Omniscript
 *
 * @summary An example OmniScript
 *
 * @variant
 * @name base
 * @selector .nds-omniscript
 * @restrict div
 * @support dev-ready
 */
@media (max-width: 30em) {
  .nds-omniscript_mobile-fixed-footer > :last-child {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fafaf9;
    border-top: 1px solid #dddbda;
    padding: 0.75rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    z-index: 4;
  }
}
@media (min-width: 30em) and (max-width: 48em) {
  .via-nds .nds-omniscript_stepform {
    width: 83.3333333%;
    -ms-flex: 0 0 83.3333333%;
        flex: 0 0 83.3333333%;
    max-width: 83.3333333%;
  }
}
@media screen and (max-width: 48em) {
  /* stylelint-disable selector-class-pattern */
  .via-nds .nds-max-medium-table_stacked-horizontal tr > td:last-child {
    overflow: visible;
    position: relative;
    height: 3rem;
  }

  /* stylelint-enable selector-class-pattern */
}
.nds-block_container .nds-is-absolute.nds-button-group {
  top: 0.5rem;
  right: 0.7rem;
  font-size: 0.8125rem;
  font-weight: 400;
}

.omni-repeat-button-group {
  pointer-events: auto;
}

.nds-tooltip__container span .tooltipSection {
  position: absolute;
}

.omniscript-article:focus {
  outline: none;
}

.omniscript-article .nds-form-element .nds-tooltip__container {
  z-index: unset;
}

/**
 * @summary Initializes grid
 *
 * @selector .nds-grid
 * @modifier
 */
.nds-grid {
  display: -ms-flexbox;
  display: flex;
}

/**
 * @summary Initializes grid
 *
 * @selector .nds-grid_frame
 * @modifier
 */
.nds-grid_frame,
.nds-grid--frame {
  min-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

/**
 * @summary Initializes grid
 *
 * @selector .nds-grid_vertical
 * @modifier
 */
.nds-grid_vertical,
.nds-grid--vertical {
  -ms-flex-direction: column;
      flex-direction: column;
}

/**
 * @summary Initializes grid
 *
 * @selector .nds-grid_vertical-reverse
 * @modifier
 */
.nds-grid_vertical-reverse,
.nds-grid--vertical-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

/**
 * @summary Initializes grid
 *
 * @selector .nds-grid_reverse
 * @modifier
 */
.nds-grid_reverse,
.nds-grid--reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

/**
 * @summary Allows columns to wrap when they exceed 100% of their parent’s width
 *
 * @selector .nds-wrap
 * @modifier
 */
.nds-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: start;
      align-items: flex-start;
}

/**
 * @summary Keeps columns on one line. Allows columns to stretch and fill 100% of the parent&rsquo;s width and height.
 *
 * @selector .nds-nowrap
 * @modifier
 */
.nds-nowrap {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
}

/**
 * @summary Applies nowrap to white-space property.
 *
 * @selector .nds-nowrap-whitespace
 * @modifer
 */
.nds-nowrap-whitespace {
  white-space: nowrap;
}

@media (min-width: 30em) {
  .nds-nowrap_small,
.nds-nowrap--small {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
@media (min-width: 48em) {
  .nds-nowrap_medium,
.nds-nowrap--medium {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
@media (min-width: 64em) {
  .nds-nowrap_large,
.nds-nowrap--large {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
/**
 * @summary .nds-{size}-nowrap used for responsive design
 *
 * @selector [class*='-nowrap']
 * @modifier
 */
@media (min-width: 20em) {
  .nds-x-small-nowrap {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
@media (min-width: 30em) {
  .nds-small-nowrap {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
@media (min-width: 48em) {
  .nds-medium-nowrap {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
@media (min-width: 64em) {
  .nds-large-nowrap {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
/**
 * @summary Normalizes the 0.75rem of padding when nesting a grid in a region with `.nds-p-horizontal_small`
 *
 * @selector .nds-grid_pull-padded
 * @modifier
 */
.nds-grid_pull-padded,
.nds-grid--pull-padded {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

/**
 * @summary Normalizes the 0.125rem of padding when nesting a grid in a region with `.nds-p-horizontal_xxx-small`
 *
 * @selector .nds-grid_pull-padded-xxx-small
 * @modifier
 */
.nds-grid_pull-padded-xxx-small,
.nds-grid--pull-padded-xxx-small {
  margin-right: -0.125rem;
  margin-left: -0.125rem;
}

/**
 * @summary Normalizes the 0.25rem of padding when nesting a grid in a region with `.nds-p-horizontal_xx-small`
 *
 * @selector .nds-grid_pull-padded-xx-small
 * @modifier
 */
.nds-grid_pull-padded-xx-small,
.nds-grid--pull-padded-xx-small {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

/**
 * @summary Normalizes the 0.5rem of padding when nesting a grid in a region with `.nds-p-horizontal_x-small`
 *
 * @selector .nds-grid_pull-padded-x-small
 * @modifier
 */
.nds-grid_pull-padded-x-small,
.nds-grid--pull-padded-x-small {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

/**
 * @summary Normalizes the 0.75rem of padding when nesting a grid in a region with `.nds-p-horizontal_small`
 *
 * @selector .nds-grid_pull-padded-small
 * @modifier
 */
.nds-grid_pull-padded-small,
.nds-grid--pull-padded-small {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

/**
 * @summary Normalizes the 1rem of padding when nesting a grid in a region with `.nds-p-horizontal_medium`
 *
 * @selector .nds-grid_pull-padded-medium
 * @modifier
 */
.nds-grid_pull-padded-medium,
.nds-grid--pull-padded-medium {
  margin-right: -1rem;
  margin-left: -1rem;
}

/**
 * @summary Normalizes the 1.5rem of padding when nesting a grid in a region with `.nds-p-horizontal_large`
 *
 * @selector .nds-grid_pull-padded-large
 * @modifier
 */
.nds-grid_pull-padded-large,
.nds-grid--pull-padded-large {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

/**
 * @summary Initializes a grid column
 *
 * @selector .nds-col
 * @modifier
 */
.nds-col,
[class*=nds-col_padded],
[class*=nds-col--padded] {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}

/**
 * @summary Adds border to top side of column
 *
 * @selector .nds-col_rule-top
 * @restrict .nds-col
 * @modifier
 */
@media (min-width: 64em) {
  .nds-col_rule-top,
.nds-col--rule-top {
    border-top: 1px solid #fafaf9;
  }
}
/**
 * @summary Adds border to right side of column
 *
 * @selector .nds-col_rule-right
 * @restrict .nds-col
 * @modifier
 */
@media (min-width: 64em) {
  .nds-col_rule-right,
.nds-col--rule-right {
    border-right: 1px solid #fafaf9;
  }
}
/**
 * @summary Adds border to bottom side of column
 *
 * @selector .nds-col_rule-bottom
 * @restrict .nds-col
 * @modifier
 */
@media (min-width: 64em) {
  .nds-col_rule-bottom,
.nds-col--rule-bottom {
    border-bottom: 1px solid #fafaf9;
  }
}
/**
 * @summary Adds border to left side of column
 *
 * @selector .nds-col_rule-left
 * @restrict .nds-col
 * @modifier
 */
@media (min-width: 64em) {
  .nds-col_rule-left,
.nds-col--rule-left {
    border-left: 1px solid #fafaf9;
  }
}
/**
 * @summary Needed when truncation is nested in a flexible container in a grid
 *
 * @selector .nds-has-flexi-truncate
 * @modifier
 */
.nds-has-flexi-truncate {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  min-width: 0;
}

/**
 * @summary Removes flexbox from grid column
 *
 * @selector .nds-no-flex
 * @modifier
 */
.nds-no-flex {
  -ms-flex: none;
      flex: none;
}

/**
 * @summary Sets the column to a min-width of 0
 *
 * @selector .nds-no-space
 * @modifier
 */
.nds-no-space {
  min-width: 0;
}

/**
 * @summary Allows column to grow to children&rsquo;s content
 *
 * @selector .nds-grow
 * @modifier
 */
.nds-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

/**
 * @summary Prevents column from growing to children&rsquo;s content
 *
 * @selector .nds-grow-none
 * @modifier
 */
.nds-grow-none {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

/**
 * @summary Allows column to shrink to children's content
 *
 * @selector .nds-shrink
 * @modifier
 */
.nds-shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

/**
 * @summary Prevents column from shrinking to children's content
 *
 * @selector .nds-shrink-none
 * @modifier
 */
.nds-shrink-none {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nds-text-longform ul.nds-grid {
  margin-left: 0;
  list-style: none;
}

.nds-col_padded,
.nds-col--padded {
  padding-right: 0;
  padding-left: 0;
}

.nds-col_padded-medium,
.nds-col--padded-medium {
  padding-right: 1rem;
  padding-left: 1rem;
}

.nds-col_padded-large,
.nds-col--padded-large {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.nds-col_padded-around,
.nds-col--padded-around {
  padding: 0.75rem;
}

.nds-col_padded-around-medium,
.nds-col--padded-around-medium {
  padding: 1rem;
}

.nds-col_padded-around-large,
.nds-col--padded-around-large {
  padding: 1.5rem;
}

@media (min-width: 64em) {
  .nds-col-rule_top, .nds-col-rule--top {
    border-top: 1px solid #fafaf9;
  }

  .nds-col-rule_right, .nds-col-rule--right {
    border-right: 1px solid #fafaf9;
  }

  .nds-col-rule_bottom, .nds-col-rule--bottom {
    border-bottom: 1px solid #fafaf9;
  }

  .nds-col-rule_left, .nds-col-rule--left {
    border-left: 1px solid #fafaf9;
  }
}
/**
 * @summary Columns align in the center to the main axis and expand in each direction
 *
 * @selector .nds-grid_align-center
 * @modifier
 */
.nds-grid_align-center,
.nds-grid--align-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.nds-grid_align-center .nds-col,
.nds-grid_align-center [class*=nds-col_padded],
.nds-grid_align-center [class*=nds-col--padded],
.nds-grid--align-center .nds-col,
.nds-grid--align-center [class*=nds-col_padded],
.nds-grid--align-center [class*=nds-col--padded] {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

/**
 * @summary Columns are evenly distributed with equal space around them all
 *
 * @selector .nds-grid_align-space
 * @modifier
 */
.nds-grid_align-space,
.nds-grid--align-space {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.nds-grid_align-space .nds-col,
.nds-grid_align-space [class*=nds-col_padded],
.nds-grid_align-space [class*=nds-col--padded],
.nds-grid--align-space .nds-col,
.nds-grid--align-space [class*=nds-col_padded],
.nds-grid--align-space [class*=nds-col--padded] {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

/**
 * @summary Columns align to the left and right followed by center. Space is equal between them
 *
 * @selector .nds-grid_align-spread
 * @notes With only two columns &mdash; you can get a similar effect by setting one of the columns to `.nds-no-flex`
 * @modifier
 */
.nds-grid_align-spread,
.nds-grid--align-spread {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-grid_align-spread .nds-col,
.nds-grid_align-spread [class*=nds-col_padded],
.nds-grid_align-spread [class*=nds-col--padded],
.nds-grid--align-spread .nds-col,
.nds-grid--align-spread [class*=nds-col_padded],
.nds-grid--align-spread [class*=nds-col--padded] {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

/**
 * @summary Columns start on the opposite end of the grid's main axis
 *
 * @selector .nds-grid_align-end
 * @modifier
 */
.nds-grid_align-end,
.nds-grid--align-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.nds-grid_align-end .nds-col,
.nds-grid_align-end [class*=nds-col_padded],
.nds-grid_align-end [class*=nds-col--padded],
.nds-grid--align-end .nds-col,
.nds-grid--align-end [class*=nds-col_padded],
.nds-grid--align-end [class*=nds-col--padded] {
  -ms-flex-positive: 0;
      flex-grow: 0;
}

/**
 * @summary Columns start at the beginning of the grid's cross axis
 *
 * @selector .nds-grid_vertical-align-start
 * @modifier
 */
.nds-grid_vertical-align-start,
.nds-grid--vertical-align-start {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

/**
 * @summary Columns align in the center to the cross axis and expand it each direction
 *
 * @selector .nds-grid_vertical-align-center
 * @modifier
 */
.nds-grid_vertical-align-center,
.nds-grid--vertical-align-center {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

/**
 * @summary Columns start on the opposite end of the grid's cross axis
 *
 * @selector .nds-grid_vertical-align-end
 * @modifier
 */
.nds-grid_vertical-align-end,
.nds-grid--vertical-align-end {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

/**
 * @summary Vertically aligns element to top of `.nds-grid`
 *
 * @selector .nds-align-top
 * @modifier
 */
.nds-align-top {
  vertical-align: top;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

/**
 * @summary Vertically aligns element to middle of `.nds-grid`
 *
 * @selector .nds-align-middle
 * @modifier
 */
.nds-align-middle {
  vertical-align: middle;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

/**
 * @summary Vertically aligns element to bottom of `.nds-grid`
 *
 * @selector .nds-align-bottom
 * @modifier
 */
.nds-align-bottom {
  vertical-align: bottom;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.nds-align-content-center {
  -ms-flex: 1;
      flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex-pack: center;
      justify-content: center;
}

/**
 * @summary Bumps grid item(s) away from the other grid items to sit at the top, taking up the remaining white-space of the grid container
 *
 * @selector .nds-col_bump-top
 * @modifier
 */
.nds-col_bump-top,
.nds-col--bump-top {
  margin-top: auto;
}

/**
 * @summary Bumps grid item(s) away from the other grid items to sit to the right, taking up the remaining white-space of the grid container
 *
 * @selector .nds-col_bump-right
 * @modifier
 */
.nds-col_bump-right,
.nds-col--bump-right {
  margin-right: auto;
}

/**
 * @summary Bumps grid item(s) away from the other grid items to sit at the bottom, taking up the remaining white-space of the grid container
 *
 * @selector .nds-col_bump-bottom
 * @modifier
 */
.nds-col_bump-bottom,
.nds-col--bump-bottom {
  margin-right: auto;
}

/**
 * @summary Bumps grid item(s) away from the other grid items to sit to the left, taking up the remaining white-space of the grid container
 *
 * @selector .nds-col_bump-left
 * @modifier
 */
.nds-col_bump-left,
.nds-col--bump-left {
  margin-left: auto;
}

/**
 * @summary Stretch the grid items for both single row and multi-line rows to fill the height of the parent grid container
 *
 * @selector .nds-grid_vertical-stretch
 * @notes Grid items will stretch the height of the parent grid container by default, unless `&lt;wrap&gt;` is used
 * @modifier
 */
.nds-grid_vertical-stretch,
.nds-grid--vertical-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

/**
 * @summary Restrict width of containers to a maximum of 480px
 *
 * @selector .nds-container_small
 * @modifier
 */
.nds-container_small,
.nds-container--small {
  max-width: 30rem;
}

/**
 * @summary Restrict width of containers to a maximum of 768px
 *
 * @selector .nds-container_medium
 * @modifier
 */
.nds-container_medium,
.nds-container--medium {
  max-width: 48rem;
}

/**
 * @summary Restrict width of containers to a maximum of 1024px
 *
 * @selector .nds-container_large
 * @modifier
 */
.nds-container_large,
.nds-container--large {
  max-width: 64rem;
}

/**
 * @summary Restrict width of containers to a maximum of 1280px
 *
 * @selector .nds-container_large
 * @modifier
 */
.nds-container_x-large,
.nds-container--x-large {
  max-width: 80rem;
}

/**
 * @summary Width of container takes up 100% of viewport
 *
 * @selector .nds-container_fluid
 * @modifier
 */
.nds-container_fluid,
.nds-container--fluid {
  width: 100%;
}

/**
 * @summary Horizontally positions containers in the center of the viewport
 *
 * @selector .nds-container_center
 * @modifier
 */
.nds-container_center,
.nds-container--center {
  margin-left: auto;
  margin-right: auto;
}

/**
 * @summary Horizontally positions containers to the left of the viewport
 *
 * @selector .nds-container_left
 * @modifier
 */
.nds-container_left,
.nds-container--left {
  margin-right: auto;
}

/**
 * @summary Horizontally positions containers to the right of the viewport
 *
 * @selector .nds-container_right
 * @modifier
 */
.nds-container_right,
.nds-container--right {
  margin-left: auto;
}

.nds-grid_overflow,
.nds-grid--overflow {
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}

.nds-grid_overflow .nds-col,
.nds-grid--overflow .nds-col {
  min-width: 11.25em;
  max-width: 22.5em;
}

/**
 * @summary Class will absolutely center children content
 *
 * @name absolute-center
 * @selector .nds-align_absolute-center
 * @modifier
 */
.nds-align_absolute-center,
.nds-align--absolute-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: auto;
}

/**
 * @summary Creates media object
 *
 * @selector .nds-media
 * @modifier
 */
.nds-media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  /**
   * Defines the figure area
   *
   * @selector .nds-media__figure
   */
  /**
   * Defines the body area
   *
   * @selector .nds-media__body
   * @modifier
   */
}

.nds-media__figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.75rem;
}

.nds-media__figure_fixed-width {
  min-width: 3rem;
}

.nds-media__body {
  -ms-flex: 1;
      flex: 1;
  min-width: 0;
}

.nds-media__body, .nds-media__body > :last-child {
  margin-bottom: 0;
}

.nds-media-body-iefix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

/**
 * Adjusts whitespace on smaller media objects
 *
 * @selector .nds-media_small
 * @modifier
 */
.nds-media_small .nds-media__figure,
.nds-media--small .nds-media__figure {
  margin-right: 0.25rem;
}

.nds-media_small .nds-media__figure_reverse,
.nds-media--small .nds-media__figure--reverse {
  margin-left: 0.25rem;
}

/**
 * Adjusts whitespace on larger media objects
 *
 * @selector .nds-media_large
 * @modifier
 */
.nds-media_large .nds-media__figure,
.nds-media--large .nds-media__figure {
  margin-right: 1.5rem;
}

.nds-media_large .nds-media__figure_reverse,
.nds-media--large .nds-media__figure--reverse {
  margin-left: 1.5rem;
}

/**
 * Aligns the content in the .nds-media__body to the middle of the .nds-media__figure
 *
 * @selector .nds-media_center
 * @modifier
 */
.nds-media_center,
.nds-media--center {
  -ms-flex-align: center;
      align-items: center;
}

/**
 * Defines the figure area on the other side
 *
 * @selector .nds-media__figure_reverse
 * @modifier
 */
.nds-media__figure_reverse,
.nds-media__figure--reverse {
  margin: 0 0 0 0.75rem;
}

.nds-media_reverse > .nds-media__figure,
.nds-media--reverse > .nds-media__figure {
  -ms-flex-order: 1;
      order: 1;
}

.nds-media_reverse.nds-media_small .nds-media__figure, .nds-media_reverse.nds-media--small .nds-media__figure,
.nds-media--reverse.nds-media_small .nds-media__figure,
.nds-media--reverse.nds-media--small .nds-media__figure {
  margin-left: 0.25rem;
}

.nds-media_double > .nds-media__figure,
.nds-media--double > .nds-media__figure {
  -ms-flex-order: 1;
      order: 1;
}

.nds-media_double .nds-media__figure_reverse,
.nds-media_double .nds-media__figure--reverse,
.nds-media--double .nds-media__figure_reverse,
.nds-media--double .nds-media__figure--reverse {
  -ms-flex-order: 3;
      order: 3;
  margin: 0 0 0 1rem;
}

.nds-media_double .nds-media__body,
.nds-media--double .nds-media__body {
  -ms-flex-order: 2;
      order: 2;
}

@media (max-width: 48em) {
  /**
   * @summary .nds-media__figure and .nds-media__body stack on smaller screens
   *
   * @selector .nds-media_responsive
   * @modifer
   */
  .nds-media_responsive,
.nds-media--responsive {
    display: block;
  }

  .nds-media_responsive .nds-media__figure,
.nds-media--responsive .nds-media__figure {
    margin: 0 0 0.75rem;
  }
}
/**
 * Adds .125rem margin to the side specified
 *
 * @selector .nds-m-*_xxx-small
 * @modifier
 */
/**
 * Adds .25rem margin to the side specified
 *
 * @selector .nds-m-*_xx-small
 * @modifier
 */
/**
 * Adds .5rem margin to the side specified
 *
 * @selector .nds-m-*_x-small
 * @modifier
 */
/**
 * Adds .75rem margin to the side specified
 *
 * @selector .nds-m-*_small
 * @modifier
 */
/**
 * Adds 1rem margin to the side specified
 *
 * @selector .nds-m-*_medium
 * @modifier
 */
/**
 * Adds 1.5rem margin to the side specified
 *
 * @selector .nds-m-*_large
 * @modifier
 */
/**
 * Adds 2rem margin to the side specified
 *
 * @selector .nds-m-*_x-large
 * @modifier
 */
/**
 * Adds 3rem margin to the side specified
 *
 * @selector .nds-m-*_xx-large
 * @modifier
 */
/**
 * Adds the specified margin to both top and bottom
 *
 * @selector .nds-m-*-vertical_*
 * @modifier
 */
/**
 * Adds the specified margin to both sides
 *
 * @selector .nds-m-*-horizontal_*
 * @modifier
 */
/**
 * Adds the specified margin all the way around the element
 *
 * @selector .nds-m-*-around_*
 * @modifier
 */
.nds-m-top_none,
.nds-m-top--none {
  margin-top: 0 !important;
}

.nds-m-right_none,
.nds-m-right--none {
  margin-right: 0 !important;
}

.nds-m-bottom_none,
.nds-m-bottom--none {
  margin-bottom: 0 !important;
}

.nds-m-left_none,
.nds-m-left--none {
  margin-left: 0 !important;
}

.nds-m-vertical_none,
.nds-m-vertical--none {
  margin-top: 0;
  margin-bottom: 0;
}

.nds-m-horizontal_none,
.nds-m-horizontal--none {
  margin-right: 0;
  margin-left: 0;
}

.nds-m-around_none,
.nds-m-around--none {
  margin: 0;
}

.nds-m-top_xxx-small,
.nds-m-top--xxx-small {
  margin-top: 0.125rem;
}

.nds-m-right_xxx-small,
.nds-m-right--xxx-small {
  margin-right: 0.125rem;
}

.nds-m-bottom_xxx-small,
.nds-m-bottom--xxx-small {
  margin-bottom: 0.125rem;
}

.nds-m-left_xxx-small,
.nds-m-left--xxx-small {
  margin-left: 0.125rem;
}

.nds-m-vertical_xxx-small,
.nds-m-vertical--xxx-small {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.nds-m-horizontal_xxx-small,
.nds-m-horizontal--xxx-small {
  margin-right: 0.125rem;
  margin-left: 0.125rem;
}

.nds-m-around_xxx-small,
.nds-m-around--xxx-small {
  margin: 0.125rem;
}

.nds-m-top_xx-small,
.nds-m-top--xx-small {
  margin-top: 0.25rem;
}

.nds-m-right_xx-small,
.nds-m-right--xx-small {
  margin-right: 0.25rem;
}

.nds-m-bottom_xx-small,
.nds-m-bottom--xx-small {
  margin-bottom: 0.25rem;
}

.nds-m-left_xx-small,
.nds-m-left--xx-small {
  margin-left: 0.25rem;
}

.nds-m-vertical_xx-small,
.nds-m-vertical--xx-small {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.nds-m-horizontal_xx-small,
.nds-m-horizontal--xx-small {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.nds-m-around_xx-small,
.nds-m-around--xx-small {
  margin: 0.25rem;
}

.nds-m-top_x-small,
.nds-m-top--x-small {
  margin-top: 0.5rem;
}

.nds-m-right_x-small,
.nds-m-right--x-small {
  margin-right: 0.5rem;
}

.nds-m-bottom_x-small,
.nds-m-bottom--x-small {
  margin-bottom: 0.5rem;
}

.nds-m-left_x-small,
.nds-m-left--x-small {
  margin-left: 0.5rem;
}

.nds-m-vertical_x-small,
.nds-m-vertical--x-small {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.nds-m-horizontal_x-small,
.nds-m-horizontal--x-small {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.nds-m-around_x-small,
.nds-m-around--x-small {
  margin: 0.5rem;
}

.nds-m-top_small,
.nds-m-top--small {
  margin-top: 0.75rem;
}

.nds-m-right_small,
.nds-m-right--small {
  margin-right: 0.75rem;
}

.nds-m-bottom_small,
.nds-m-bottom--small {
  margin-bottom: 0.75rem;
}

.nds-m-left_small,
.nds-m-left--small {
  margin-left: 0.75rem;
}

.nds-m-vertical_small,
.nds-m-vertical--small {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.nds-m-horizontal_small,
.nds-m-horizontal--small {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.nds-m-around_small,
.nds-m-around--small {
  margin: 0.75rem;
}

.nds-m-top_medium,
.nds-m-top--medium {
  margin-top: 1rem;
}

.nds-m-right_medium,
.nds-m-right--medium {
  margin-right: 1rem;
}

.nds-m-bottom_medium,
.nds-m-bottom--medium {
  margin-bottom: 1rem;
}

.nds-m-left_medium,
.nds-m-left--medium {
  margin-left: 1rem;
}

.nds-m-vertical_medium,
.nds-m-vertical--medium {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.nds-m-horizontal_medium,
.nds-m-horizontal--medium {
  margin-right: 1rem;
  margin-left: 1rem;
}

.nds-m-around_medium,
.nds-m-around--medium {
  margin: 1rem;
}

.nds-m-top_large,
.nds-m-top--large {
  margin-top: 1.5rem;
}

.nds-m-right_large,
.nds-m-right--large {
  margin-right: 1.5rem;
}

.nds-m-bottom_large,
.nds-m-bottom--large {
  margin-bottom: 1.5rem;
}

.nds-m-left_large,
.nds-m-left--large {
  margin-left: 1.5rem;
}

.nds-m-vertical_large,
.nds-m-vertical--large {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.nds-m-horizontal_large,
.nds-m-horizontal--large {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.nds-m-around_large,
.nds-m-around--large {
  margin: 1.5rem;
}

.nds-m-top_x-large,
.nds-m-top--x-large {
  margin-top: 2rem;
}

.nds-m-right_x-large,
.nds-m-right--x-large {
  margin-right: 2rem;
}

.nds-m-bottom_x-large,
.nds-m-bottom--x-large {
  margin-bottom: 2rem;
}

.nds-m-left_x-large,
.nds-m-left--x-large {
  margin-left: 2rem;
}

.nds-m-vertical_x-large,
.nds-m-vertical--x-large {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.nds-m-horizontal_x-large,
.nds-m-horizontal--x-large {
  margin-right: 2rem;
  margin-left: 2rem;
}

.nds-m-around_x-large,
.nds-m-around--x-large {
  margin: 2rem;
}

.nds-m-top_xx-large,
.nds-m-top--xx-large {
  margin-top: 3rem;
}

.nds-m-right_xx-large,
.nds-m-right--xx-large {
  margin-right: 3rem;
}

.nds-m-bottom_xx-large,
.nds-m-bottom--xx-large {
  margin-bottom: 3rem;
}

.nds-m-left_xx-large,
.nds-m-left--xx-large {
  margin-left: 3rem;
}

.nds-m-vertical_xx-large,
.nds-m-vertical--xx-large {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.nds-m-horizontal_xx-large,
.nds-m-horizontal--xx-large {
  margin-right: 3rem;
  margin-left: 3rem;
}

.nds-m-around_xx-large,
.nds-m-around--xx-large {
  margin: 3rem;
}

.nds-m-top_card-wrapper-spacing,
.nds-m-top--card-wrapper-spacing {
  margin-top: 1rem;
}

.nds-m-right_card-wrapper-spacing,
.nds-m-right--card-wrapper-spacing {
  margin-right: 1rem;
}

.nds-m-bottom_card-wrapper-spacing,
.nds-m-bottom--card-wrapper-spacing {
  margin-bottom: 1rem;
}

.nds-m-left_card-wrapper-spacing,
.nds-m-left--card-wrapper-spacing {
  margin-left: 1rem;
}

.nds-m-vertical_card-wrapper-spacing,
.nds-m-vertical--card-wrapper-spacing {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.nds-m-horizontal_card-wrapper-spacing,
.nds-m-horizontal--card-wrapper-spacing {
  margin-right: 1rem;
  margin-left: 1rem;
}

.nds-m-around_card-wrapper-spacing,
.nds-m-around--card-wrapper-spacing {
  margin: 1rem;
}

.nds-m-top_table-cell-spacing,
.nds-m-top--table-cell-spacing {
  margin-top: 0.5rem;
}

.nds-m-right_table-cell-spacing,
.nds-m-right--table-cell-spacing {
  margin-right: 0.5rem;
}

.nds-m-bottom_table-cell-spacing,
.nds-m-bottom--table-cell-spacing {
  margin-bottom: 0.5rem;
}

.nds-m-left_table-cell-spacing,
.nds-m-left--table-cell-spacing {
  margin-left: 0.5rem;
}

.nds-m-vertical_table-cell-spacing,
.nds-m-vertical--table-cell-spacing {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.nds-m-horizontal_table-cell-spacing,
.nds-m-horizontal--table-cell-spacing {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.nds-m-around_table-cell-spacing,
.nds-m-around--table-cell-spacing {
  margin: 0.5rem;
}

.nds-m-bottom_none,
.nds-m-bottom--none {
  margin-bottom: 0;
}

/**
 * Adds .125rem padding to the side specified
 *
 * @selector .nds-p-*_xxx-small
 * @modifier
 */
/**
 * Adds .25rem padding to the side specified
 *
 * @selector .nds-p-*_xx-small
 * @modifier
 */
/**
 * Adds .5rem padding to the side specified
 *
 * @selector .nds-p-*_x-small
 * @modifier
 */
/**
 * Adds .75rem padding to the side specified
 *
 * @selector .nds-p-*_small
 * @modifier
 */
/**
 * Adds 1rem padding to the side specified
 *
 * @selector .nds-p-*_medium
 * @modifier
 */
/**
 * Adds 1.5rem padding to the side specified
 *
 * @selector .nds-p-*_large
 * @modifier
 */
/**
 * Adds 2rem padding to the side specified
 *
 * @selector .nds-p-*_x-large
 * @modifier
 */
/**
 * Adds 3rem padding to the side specified
 *
 * @selector .nds-p-*_xx-large
 * @modifier
 */
/**
 * Adds the specified padding to both top and bottom
 *
 * @selector .nds-p-*-vertical_*
 * @modifier
 */
/**
 * Adds the specified padding to both sides
 *
 * @selector .nds-p-*-horizontal_*
 * @modifier
 */
/**
 * Adds the specified padding all the way around the element
 *
 * @selector .nds-p-*-around_*
 * @modifier
 */
.nds-p-top_none,
.nds-p-top--none {
  padding-top: 0 !important;
}

.nds-p-right_none,
.nds-p-right--none {
  padding-right: 0 !important;
}

.nds-p-bottom_none,
.nds-p-bottom--none {
  padding-bottom: 0 !important;
}

.nds-p-left_none,
.nds-p-left--none {
  padding-left: 0 !important;
}

.nds-p-vertical_none,
.nds-p-vertical--none {
  padding-top: 0;
  padding-bottom: 0;
}

.nds-p-horizontal_none,
.nds-p-horizontal--none {
  padding-right: 0;
  padding-left: 0;
}

.nds-p-around_none,
.nds-p-around--none {
  padding: 0;
}

.nds-p-top_xxx-small,
.nds-p-top--xxx-small {
  padding-top: 0.125rem;
}

.nds-p-right_xxx-small,
.nds-p-right--xxx-small {
  padding-right: 0.125rem;
}

.nds-p-bottom_xxx-small,
.nds-p-bottom--xxx-small {
  padding-bottom: 0.125rem;
}

.nds-p-left_xxx-small,
.nds-p-left--xxx-small {
  padding-left: 0.125rem;
}

.nds-p-vertical_xxx-small,
.nds-p-vertical--xxx-small {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.nds-p-horizontal_xxx-small,
.nds-p-horizontal--xxx-small {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}

.nds-p-around_xxx-small,
.nds-p-around--xxx-small {
  padding: 0.125rem;
}

.nds-p-top_xx-small,
.nds-p-top--xx-small {
  padding-top: 0.25rem;
}

.nds-p-right_xx-small,
.nds-p-right--xx-small {
  padding-right: 0.25rem;
}

.nds-p-bottom_xx-small,
.nds-p-bottom--xx-small {
  padding-bottom: 0.25rem;
}

.nds-p-left_xx-small,
.nds-p-left--xx-small {
  padding-left: 0.25rem;
}

.nds-p-vertical_xx-small,
.nds-p-vertical--xx-small {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.nds-p-horizontal_xx-small,
.nds-p-horizontal--xx-small {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.nds-p-around_xx-small,
.nds-p-around--xx-small {
  padding: 0.25rem;
}

.nds-p-top_x-small,
.nds-p-top--x-small {
  padding-top: 0.5rem;
}

.nds-p-right_x-small,
.nds-p-right--x-small {
  padding-right: 0.5rem;
}

.nds-p-bottom_x-small,
.nds-p-bottom--x-small {
  padding-bottom: 0.5rem;
}

.nds-p-left_x-small,
.nds-p-left--x-small {
  padding-left: 0.5rem;
}

.nds-p-vertical_x-small,
.nds-p-vertical--x-small {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.nds-p-horizontal_x-small,
.nds-p-horizontal--x-small {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nds-p-around_x-small,
.nds-p-around--x-small {
  padding: 0.5rem;
}

.nds-p-top_small,
.nds-p-top--small {
  padding-top: 0.75rem;
}

.nds-p-right_small,
.nds-p-right--small {
  padding-right: 0.75rem;
}

.nds-p-bottom_small,
.nds-p-bottom--small {
  padding-bottom: 0.75rem;
}

.nds-p-left_small,
.nds-p-left--small {
  padding-left: 0.75rem;
}

.nds-p-vertical_small,
.nds-p-vertical--small {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.nds-p-horizontal_small,
.nds-p-horizontal--small {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.nds-p-around_small,
.nds-p-around--small {
  padding: 0.75rem;
}

.nds-p-top_medium,
.nds-p-top--medium {
  padding-top: 1rem;
}

.nds-p-right_medium,
.nds-p-right--medium {
  padding-right: 1rem;
}

.nds-p-bottom_medium,
.nds-p-bottom--medium {
  padding-bottom: 1rem;
}

.nds-p-left_medium,
.nds-p-left--medium {
  padding-left: 1rem;
}

.nds-p-vertical_medium,
.nds-p-vertical--medium {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.nds-p-horizontal_medium,
.nds-p-horizontal--medium {
  padding-right: 1rem;
  padding-left: 1rem;
}

.nds-p-around_medium,
.nds-p-around--medium {
  padding: 1rem;
}

.nds-p-top_large,
.nds-p-top--large {
  padding-top: 1.5rem;
}

.nds-p-right_large,
.nds-p-right--large {
  padding-right: 1.5rem;
}

.nds-p-bottom_large,
.nds-p-bottom--large {
  padding-bottom: 1.5rem;
}

.nds-p-left_large,
.nds-p-left--large {
  padding-left: 1.5rem;
}

.nds-p-vertical_large,
.nds-p-vertical--large {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nds-p-horizontal_large,
.nds-p-horizontal--large {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.nds-p-around_large,
.nds-p-around--large {
  padding: 1.5rem;
}

.nds-p-top_x-large,
.nds-p-top--x-large {
  padding-top: 2rem;
}

.nds-p-right_x-large,
.nds-p-right--x-large {
  padding-right: 2rem;
}

.nds-p-bottom_x-large,
.nds-p-bottom--x-large {
  padding-bottom: 2rem;
}

.nds-p-left_x-large,
.nds-p-left--x-large {
  padding-left: 2rem;
}

.nds-p-vertical_x-large,
.nds-p-vertical--x-large {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.nds-p-horizontal_x-large,
.nds-p-horizontal--x-large {
  padding-right: 2rem;
  padding-left: 2rem;
}

.nds-p-around_x-large,
.nds-p-around--x-large {
  padding: 2rem;
}

.nds-p-top_xx-large,
.nds-p-top--xx-large {
  padding-top: 3rem;
}

.nds-p-right_xx-large,
.nds-p-right--xx-large {
  padding-right: 3rem;
}

.nds-p-bottom_xx-large,
.nds-p-bottom--xx-large {
  padding-bottom: 3rem;
}

.nds-p-left_xx-large,
.nds-p-left--xx-large {
  padding-left: 3rem;
}

.nds-p-vertical_xx-large,
.nds-p-vertical--xx-large {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.nds-p-horizontal_xx-large,
.nds-p-horizontal--xx-large {
  padding-right: 3rem;
  padding-left: 3rem;
}

.nds-p-around_xx-large,
.nds-p-around--xx-large {
  padding: 3rem;
}

.nds-p-top_card-wrapper-spacing,
.nds-p-top--card-wrapper-spacing {
  padding-top: 1rem;
}

.nds-p-right_card-wrapper-spacing,
.nds-p-right--card-wrapper-spacing {
  padding-right: 1rem;
}

.nds-p-bottom_card-wrapper-spacing,
.nds-p-bottom--card-wrapper-spacing {
  padding-bottom: 1rem;
}

.nds-p-left_card-wrapper-spacing,
.nds-p-left--card-wrapper-spacing {
  padding-left: 1rem;
}

.nds-p-vertical_card-wrapper-spacing,
.nds-p-vertical--card-wrapper-spacing {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.nds-p-horizontal_card-wrapper-spacing,
.nds-p-horizontal--card-wrapper-spacing {
  padding-right: 1rem;
  padding-left: 1rem;
}

.nds-p-around_card-wrapper-spacing,
.nds-p-around--card-wrapper-spacing {
  padding: 1rem;
}

.nds-p-top_table-cell-spacing,
.nds-p-top--table-cell-spacing {
  padding-top: 0.5rem;
}

.nds-p-right_table-cell-spacing,
.nds-p-right--table-cell-spacing {
  padding-right: 0.5rem;
}

.nds-p-bottom_table-cell-spacing,
.nds-p-bottom--table-cell-spacing {
  padding-bottom: 0.5rem;
}

.nds-p-left_table-cell-spacing,
.nds-p-left--table-cell-spacing {
  padding-left: 0.5rem;
}

.nds-p-vertical_table-cell-spacing,
.nds-p-vertical--table-cell-spacing {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.nds-p-horizontal_table-cell-spacing,
.nds-p-horizontal--table-cell-spacing {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nds-p-around_table-cell-spacing,
.nds-p-around--table-cell-spacing {
  padding: 0.5rem;
}

/**
 * @summary Global padding that can be applied to any element
 *
 * @selector .nds-has-cushion
 * @modifier
 */
.nds-has-cushion {
  padding: 1rem;
}

/**
 * @summary Contains floats and stops wrapping of elements following it.
 *
 * @name clearfix
 * @selector .nds-clearfix
 * @modifier
 */
.nds-clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.nds-clear {
  clear: both;
}

/**
 * @summary Pulls element from document flow and floats left. Text and other elements wrap around it.
 *
 * @name float-left
 * @selector .nds-float_left
 * @modifier
 */
.nds-float_left,
.nds-float--left {
  float: left;
}

/**
 * @summary Removes float from an element that has attribute already
 *
 * @name float-none
 * @selector .nds-float_none
 * @modifier
 */
.nds-float_none,
.nds-float--none {
  float: none;
}

/**
 * @summary Pulls element from document flow and floats right. Text and other elements wrap around it.
 *
 * @name float-right
 * @selector .nds-float_right
 * @modifier
 */
.nds-float_right,
.nds-float--right {
  float: right;
}

/**
 * @summary Makes links and buttons appear as regular text
 *
 * @selector .nds-text-link_reset
 * @modifier
 */
.nds-text-link_reset,
.nds-text-link--reset {
  cursor: pointer;
  line-height: inherit;
  font-size: inherit;
}

.nds-text-link_reset:active,
.nds-text-link--reset:active {
  outline: none;
}

.nds-text-link_reset, .nds-text-link_reset:active, .nds-text-link_reset:focus, .nds-text-link_reset:hover,
.nds-text-link--reset,
.nds-text-link--reset:active,
.nds-text-link--reset:focus,
.nds-text-link--reset:hover {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Used in combination with `.nds-text-link--reset`, you can apply the class `.nds-text-link` to a child element to reset its styles back to that of a link.
 *
 * @summary Makes text inside of .nds-text-link_reset to appear as a link.
 *
 * @selector .nds-text-link
 * @modifier
 */
.nds-text-link {
  color: #2062d4;
  text-decoration: none;
  transition: color 0.1s linear;
}

.nds-text-link:hover, .nds-text-link:focus {
  text-decoration: underline;
  color: #005fb2;
}

.nds-text-link:active {
  color: #00396b;
}

/**
 * Faux links are used on areas that can't be wrapped in an `a` element, but need to appear to be a link with an underline on hover. An example is in the page header for Object home. The `H1` and `button` that sit next to each other have the `.nds-text-link--faux` class on their parent element.
 *
 * @summary Creates a faux link with hover interactions
 *
 * @selector .nds-text-link_faux
 * @notes This is used when an actual anchor element can not be used. For example &mdash; when a heading and button are next to each other and both need the text underline
 * @modifier
 */
.nds-text-link--faux,
.nds-type-focus {
  border-bottom: 1px solid transparent;
  border-radius: 0;
  color: currentColor;
  cursor: pointer;
}

.nds-text-link--faux:hover, .nds-text-link--faux:focus,
.nds-type-focus:hover,
.nds-type-focus:focus {
  color: currentColor;
  border-bottom: 1px solid currentColor;
}

/**
 * @summary Blur focus is an accessibility class that will add a blurred border to an element when it is focused.
 *
 * @selector .nds-has-blur-focus
 * @modifier
 */
.nds-has-blur-focus {
  color: currentColor;
}

.nds-has-blur-focus:hover, .nds-has-blur-focus:focus, .nds-has-blur-focus:active {
  color: currentColor;
  text-decoration: none;
}

.nds-has-blur-focus:focus {
  outline: 0;
  box-shadow: 0 0 2px 1px #0070d2;
}

/**
 * Input focus styles, this is applied via JavaScript when needing to apply focus styles to a containing element when the input gets focus
 *
 * @selector .nds-has-input-focus
 * @modifier
 */
.nds-has-input-focus {
  outline: 0;
  border-color: #7f7f7f;
  background-color: #fff;
  box-shadow: none;
}

.nds-has-block-links a {
  display: block;
  text-decoration: none;
}

.nds-has-block-links .nds-is-nested {
  margin-left: 1rem;
}

.nds-has-block-links_space .nds-list__item,
.nds-has-block-links_space .nds-item, .nds-has-block-links--space .nds-list__item,
.nds-has-block-links--space .nds-item {
  padding: 0;
}

.nds-has-block-links_space a, .nds-has-block-links--space a {
  display: block;
  text-decoration: none;
  padding: 0.75rem;
}

@media (min-width: 48em) {
  .nds-has-block-links_space a, .nds-has-block-links--space a {
    padding: 0.5rem;
  }
}
.nds-has-inline-block-links a {
  display: inline-block;
  text-decoration: none;
}

.nds-has-inline-block-links_space a, .nds-has-inline-block-links--space a {
  display: inline-block;
  text-decoration: none;
  padding: 0.75rem;
}

@media (min-width: 48em) {
  .nds-has-inline-block-links_space a, .nds-has-inline-block-links--space a {
    padding: 0.5rem;
  }
}
/**
 * @summary Marks a vertical list with .5rem spacing around
 *
 * @selector .nds-list_vertical-space
 * @modifier
 */
.nds-list_vertical-space .nds-list__item + .nds-list__item,
.nds-list_vertical-space .nds-item + .nds-item,
.nds-list--vertical-space .nds-list__item + .nds-list__item,
.nds-list--vertical-space .nds-item + .nds-item {
  margin-top: 0.5rem;
}

/**
 * @summary Marks a vertical list with 1rem spacing around
 *
 * @selector .nds-list_vertical-space-medium
 * @modifier
 */
.nds-list_vertical-space-medium .nds-list__item + .nds-list__item,
.nds-list_vertical-space-medium .nds-item + .nds-item,
.nds-list--vertical-space-medium .nds-list__item + .nds-list__item,
.nds-list--vertical-space-medium .nds-item + .nds-item {
  margin-top: 1rem;
}

/**
 * @summary Provides styles for a nested lists
 *
 * @selector .nds-is-nested
 * @modifier
 */
.nds-is-nested {
  margin-left: 1rem;
}

/**
 * @summary Creates an unordered list with markers
 *
 * @selector .nds-list_dotted
 * @modifier
 */
.nds-list_dotted,
.nds-list--dotted {
  margin-left: 1.5rem;
  list-style: disc;
}

/**
 * @summary Creates an ordered list with decimals
 *
 * @selector .nds-list_ordered
 * @modifier
 */
.nds-list_ordered,
.nds-list--ordered {
  margin-left: 1.5rem;
  list-style: decimal;
}

/**
 * @summary Adds 1px border divider above list items
 *
 * @selector .nds-has-dividers_top
 * @modifier
 */
.nds-has-dividers_top,
.nds-has-dividers--top {
  /**
   * @summary Adds 1px border divider above list items and 0.5rem padding between items
   *
   * @selector .nds-has-dividers_top-space
   * @modifier
   */
}

.nds-has-dividers_top > .nds-list__item,
.nds-has-dividers_top > .nds-item,
.nds-has-dividers--top > .nds-list__item,
.nds-has-dividers--top > .nds-item {
  border-top: 1px solid #dddbda;
}

.nds-has-dividers_top-space > .nds-list__item, .nds-has-dividers_top-space > .nds-item,
.nds-has-dividers--top-space > .nds-list__item,
.nds-has-dividers--top-space > .nds-item {
  border-top: 1px solid #dddbda;
  padding: 0.75rem;
}

@media (min-width: 30em) {
  .nds-has-dividers_top-space > .nds-list__item, .nds-has-dividers_top-space > .nds-item,
.nds-has-dividers--top-space > .nds-list__item,
.nds-has-dividers--top-space > .nds-item {
    padding: 0.5rem;
  }
}
/**
 * @summary Adds 1px border divider below list items
 *
 * @selector .nds-has-dividers_top
 * @modifier
 */
.nds-has-dividers_bottom,
.nds-has-dividers--bottom {
  /**
   * @summary Adds 1px border divider below list items and 0.5rem padding between items
   *
   * @selector .nds-has-dividers_bottom-space
   * @modifier
   */
}

.nds-has-dividers_bottom > .nds-list__item,
.nds-has-dividers_bottom > .nds-item,
.nds-has-dividers--bottom > .nds-list__item,
.nds-has-dividers--bottom > .nds-item {
  border-bottom: 1px solid #dddbda;
}

.nds-has-dividers_bottom-space > .nds-list__item, .nds-has-dividers_bottom-space > .nds-item,
.nds-has-dividers--bottom-space > .nds-list__item,
.nds-has-dividers--bottom-space > .nds-item {
  border-bottom: 1px solid #dddbda;
  padding: 0.75rem;
}

@media (min-width: 30em) {
  .nds-has-dividers_bottom-space > .nds-list__item, .nds-has-dividers_bottom-space > .nds-item,
.nds-has-dividers--bottom-space > .nds-list__item,
.nds-has-dividers--bottom-space > .nds-item {
    padding: 0.5rem;
  }
}
/**
 * @summary Adds 1px border divider around list items
 *
 * @selector .nds-has-dividers_around
 * @modifier
 */
.nds-has-dividers_around,
.nds-has-dividers--around {
  /**
   * @summary Adds 1px border divider around list items and 0.5rem padding between items
   *
   * @selector .nds-has-dividers_around-space
   * @modifier
   */
}

.nds-has-dividers_around > .nds-item,
.nds-has-dividers--around > .nds-item {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
}

.nds-has-dividers_around > .nds-item + .nds-item,
.nds-has-dividers--around > .nds-item + .nds-item {
  margin-top: 0.5rem;
}

.nds-has-dividers_around-space > .nds-item,
.nds-has-dividers--around-space > .nds-item {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  padding: 0.75rem;
}

@media (min-width: 30em) {
  .nds-has-dividers_around-space > .nds-item,
.nds-has-dividers--around-space > .nds-item {
    padding: 0.5rem;
  }
}
.nds-has-dividers_around-space > .nds-item + .nds-item,
.nds-has-dividers--around-space > .nds-item + .nds-item {
  margin-top: 0.5rem;
}

.nds-has-list-interactions > .nds-list__item:hover,
.nds-has-list-interactions > .nds-item:hover {
  background-color: #fafaf9;
  border-color: #dddbda;
  cursor: pointer;
}

.nds-has-list-interactions > .nds-list__item:active,
.nds-has-list-interactions > .nds-item:active {
  background-color: #f3f2f2;
  box-shadow: #dddbda 0 -1px 0 inset;
}

.nds-has-list-interactions > .nds-list__item.nds-is-selected,
.nds-has-list-interactions > .nds-item.nds-is-selected {
  box-shadow: #0070d2 0 0 0 1px inset;
  background-color: #ecebea;
}

.nds-has-list-interactions > .nds-list__item.nds-is-selected:hover, .nds-has-list-interactions > .nds-list__item.nds-is-selected:focus,
.nds-has-list-interactions > .nds-item.nds-is-selected:hover,
.nds-has-list-interactions > .nds-item.nds-is-selected:focus {
  box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset;
}

.nds-list_vertical.nds-has-dividers > .nds-list__item,
.nds-list--vertical.nds-has-dividers > .nds-list__item {
  padding: 0.5rem;
  border-bottom: 1px solid #dddbda;
}

.nds-list_vertical.nds-has-dividers > .nds-list__item:hover,
.nds-list--vertical.nds-has-dividers > .nds-list__item:hover {
  background-color: #fafaf9;
  border-color: #dddbda;
  cursor: pointer;
}

.nds-list_vertical.nds-has-dividers > .nds-list__item:active,
.nds-list--vertical.nds-has-dividers > .nds-list__item:active {
  background-color: #f3f2f2;
  box-shadow: #dddbda 0 -1px 0 inset;
}

.nds-list_vertical.nds-has-dividers > .nds-list__item.nds-is-selected,
.nds-list--vertical.nds-has-dividers > .nds-list__item.nds-is-selected {
  box-shadow: #0070d2 0 0 0 1px inset;
  background-color: #ecebea;
}

.nds-list_vertical.nds-has-dividers > .nds-list__item.nds-is-selected:hover, .nds-list_vertical.nds-has-dividers > .nds-list__item.nds-is-selected:focus,
.nds-list--vertical.nds-has-dividers > .nds-list__item.nds-is-selected:hover,
.nds-list--vertical.nds-has-dividers > .nds-list__item.nds-is-selected:focus {
  box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset;
}

.nds-has-cards > .nds-list__item {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
}

.nds-has-cards > .nds-list__item + .nds-list__item {
  margin-top: 0.5rem;
}

.nds-has-cards_space > .nds-list__item, .nds-has-cards--space > .nds-list__item {
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  background-clip: padding-box;
  padding: 0.75rem;
}

@media (min-width: 30em) {
  .nds-has-cards_space > .nds-list__item, .nds-has-cards--space > .nds-list__item {
    padding: 0.5rem;
  }
}
.nds-has-cards_space > .nds-list__item + .nds-list__item, .nds-has-cards--space > .nds-list__item + .nds-list__item {
  margin-top: 0.5rem;
}

.nds-has-divider {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #dddbda;
  /**
   * @summary Adds 1px border divider above an HTML element
   *
   * @selector .nds-has-divider_top
   * @restrict li
   * @modifier
   */
  /**
   * @summary Adds dot separator to the right of an HTML element
   *
   * @selector .nds-has-divider_right
   * @restrict li
   * @modifier
   */
  /**
   * @summary Adds 1px border divider below an HTML element
   *
   * @selector .nds-has-divider_bottom
   * @restrict li
   * @modifier
   */
  /**
   * @summary Adds dot separator to the left of an HTML element
   *
   * @selector .nds-has-divider_left
   * @restrict li
   * @modifier
   */
}

.nds-has-divider_top, .nds-has-divider--top {
  border-top: 1px solid #dddbda;
}

.nds-has-divider_top-space, .nds-has-divider--top-space {
  border-top: 1px solid #dddbda;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}

.nds-has-divider_right, .nds-has-divider--right {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-has-divider_right:after, .nds-has-divider--right:after {
  width: 2px;
  height: 2px;
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #16325c;
}

.nds-has-divider_right:last-child, .nds-has-divider--right:last-child {
  margin-right: 0;
  padding-right: 0;
}

.nds-has-divider_right:last-child:after, .nds-has-divider--right:last-child:after {
  content: none;
}

.nds-has-divider_bottom, .nds-has-divider--bottom {
  border-bottom: 1px solid #dddbda;
}

.nds-has-divider_bottom-space, .nds-has-divider--bottom-space {
  border-bottom: 1px solid #dddbda;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

.nds-has-divider_left, .nds-has-divider--left {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-has-divider_left:before, .nds-has-divider--left:before {
  width: 2px;
  height: 2px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #16325c;
}

.nds-has-divider_left:first-child, .nds-has-divider--left:first-child {
  margin-right: 0;
  padding-right: 0;
}

.nds-has-divider_left:first-child:before, .nds-has-divider--left:first-child:before {
  content: none;
}

/**
 * @summary Causes items of a list to display horizontally
 *
 * @selector .nds-list_horizontal
 * @modifier
 */
.nds-list_horizontal,
.nds-list--horizontal {
  display: -ms-flexbox;
  display: flex;
}

.nds-list_horizontal > .nds-list__item,
.nds-list--horizontal > .nds-list__item {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.nds-list_horizontal-large > .nds-list__item > a,
.nds-list--horizontal-large > .nds-list__item > a {
  padding: 0.75rem 1rem;
}

/**
 * @summary Adds dot separators to the left of horizontal list items
 *
 * @selector .nds-has-dividers_left
 * @modifier
 */
.nds-has-dividers_left > .nds-list__item,
.nds-has-dividers--left > .nds-list__item,
.nds-has-dividers_left > .nds-item,
.nds-has-dividers--left > .nds-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-has-dividers_left > .nds-list__item:before,
.nds-has-dividers--left > .nds-list__item:before,
.nds-has-dividers_left > .nds-item:before,
.nds-has-dividers--left > .nds-item:before {
  width: 2px;
  height: 2px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #16325c;
}

.nds-has-dividers_left > .nds-list__item:first-child,
.nds-has-dividers--left > .nds-list__item:first-child,
.nds-has-dividers_left > .nds-item:first-child,
.nds-has-dividers--left > .nds-item:first-child {
  margin-right: 0;
  padding-right: 0;
}

.nds-has-dividers_left > .nds-list__item:first-child:before,
.nds-has-dividers--left > .nds-list__item:first-child:before,
.nds-has-dividers_left > .nds-item:first-child:before,
.nds-has-dividers--left > .nds-item:first-child:before {
  content: none;
}

/**
 * @summary Adds dot separators to the right of horizontal list items
 *
 * @selector .nds-has-dividers_right
 * @modifier
 */
.nds-has-dividers_right > .nds-list__item,
.nds-has-dividers--right > .nds-list__item,
.nds-has-dividers_right > .nds-item,
.nds-has-dividers--right > .nds-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-has-dividers_right > .nds-list__item:after,
.nds-has-dividers--right > .nds-list__item:after,
.nds-has-dividers_right > .nds-item:after,
.nds-has-dividers--right > .nds-item:after {
  width: 2px;
  height: 2px;
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #16325c;
}

.nds-has-dividers_right > .nds-list__item:last-child,
.nds-has-dividers--right > .nds-list__item:last-child,
.nds-has-dividers_right > .nds-item:last-child,
.nds-has-dividers--right > .nds-item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.nds-has-dividers_right > .nds-list__item:last-child:after,
.nds-has-dividers--right > .nds-list__item:last-child:after,
.nds-has-dividers_right > .nds-item:last-child:after,
.nds-has-dividers--right > .nds-item:last-child:after {
  content: none;
}

.nds-list_horizontal.nds-has-dividers > .nds-list__item,
.nds-list--horizontal.nds-has-dividers > .nds-list__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.nds-list_horizontal.nds-has-dividers > .nds-list__item:after,
.nds-list--horizontal.nds-has-dividers > .nds-list__item:after {
  width: 2px;
  height: 2px;
  content: "";
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #16325c;
}

.nds-list_horizontal.nds-has-dividers > .nds-list__item:last-child,
.nds-list--horizontal.nds-has-dividers > .nds-list__item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.nds-list_horizontal.nds-has-dividers > .nds-list__item:last-child:after,
.nds-list--horizontal.nds-has-dividers > .nds-list__item:last-child:after {
  content: none;
}

/**
 * @summary Causes description list to display horizontally with `dt` followed immediately by the `dd`.
 *
 * @selector .nds-dl_inline
 * @modifier
 */
.nds-dl_inline:after,
.nds-dl--inline:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 48em) {
  .nds-dl_inline,
.nds-dl--inline {
    /**
     * Marks a term
     *
     * @selector .nds-dl_inline__label
     * @modifier
     */
    /**
     * Marks a description
     *
     * @selector .nds-dl_inline__detail
     * @modifier
     */
  }

  .nds-dl_inline__label,
.nds-dl--inline__label {
    float: left;
    clear: left;
  }

  .nds-dl_inline__detail,
.nds-dl--inline__detail {
    float: left;
    padding-left: 0.25rem;
  }
}
/**
 * @summary Causes description list to display horizontally with `dt` consuming 33% of the space and the `dd` taking up the rest.
 *
 * @selector .nds-dl_horizontal
 * @modifier
 */
@media (min-width: 48em) {
  .nds-dl_horizontal,
.nds-dl--horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    display: -ms-flexbox;
    display: flex;
    /**
     * Marks a term
     *
     * @selector .nds-dl_horizontal__label
     * @modifier
     */
    /**
     * Marks a description
     *
     * @selector .nds-dl_horizontal__detail
     * @modifier
     */
  }

  .nds-dl_horizontal__label,
.nds-dl--horizontal__label {
    width: 30%;
    padding-right: 0.75rem;
  }

  .nds-dl_horizontal__detail,
.nds-dl--horizontal__detail {
    width: 70%;
  }
}
.nds-list_horizontal,
.nds-list--horizontal {
  /**
   * @summary Label of the name-value pair variant. Layout is modified by its parent class.
   *
   * @selector .nds-item_label
   * @modifier
   */
  /**
   * @summary Label of the name-value pair variant. Layout is modified by its parent class.
   *
   * @selector .nds-item_detail
   * @modifier
   */
}

.nds-list_horizontal .nds-item_label,
.nds-list_horizontal .nds-item--label,
.nds-list--horizontal .nds-item_label,
.nds-list--horizontal .nds-item--label {
  width: 30%;
  padding-right: 0.75rem;
}

.nds-list_horizontal .nds-item_detail,
.nds-list_horizontal .nds-item--detail,
.nds-list--horizontal .nds-item_detail,
.nds-list--horizontal .nds-item--detail {
  width: 70%;
}

.nds-list_vertical .nds-item_label,
.nds-list_vertical .nds-item--label,
.nds-list_vertical .nds-item_detail,
.nds-list_vertical .nds-item--detail,
.nds-list--vertical .nds-item_label,
.nds-list--vertical .nds-item--label,
.nds-list--vertical .nds-item_detail,
.nds-list--vertical .nds-item--detail {
  display: block;
}

.nds-list_inline,
.nds-list--inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
}

.nds-list_inline .nds-item_label,
.nds-list_inline .nds-item--label,
.nds-list--inline .nds-item_label,
.nds-list--inline .nds-item--label {
  max-width: 180px;
  padding-right: 0.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nds-list_inline .nds-item_label ~ .nds-item_label,
.nds-list_inline .nds-item_label ~ .nds-item--label,
.nds-list_inline .nds-item--label ~ .nds-item_label,
.nds-list_inline .nds-item--label ~ .nds-item--label,
.nds-list--inline .nds-item_label ~ .nds-item_label,
.nds-list--inline .nds-item_label ~ .nds-item--label,
.nds-list--inline .nds-item--label ~ .nds-item_label,
.nds-list--inline .nds-item--label ~ .nds-item--label {
  padding-left: 1rem;
}

.nds-list_inline .nds-item_detail,
.nds-list_inline .nds-item--detail,
.nds-list--inline .nds-item_detail,
.nds-list--inline .nds-item--detail {
  min-width: 0;
}

/**
 * @summary Adds a bottom border to an element
 *
 * @selector .nds-border_bottom
 * @modifier
 * @group position
 */
.nds-border_bottom,
.nds-border--bottom {
  border-bottom: 1px solid #dddbda;
}

/**
 * @summary Adds a left border to an element
 *
 * @selector .nds-border_left
 * @modifier
 * @group position
 */
.nds-border_left,
.nds-border--left {
  border-left: 1px solid #dddbda;
}

/**
 * @summary Adds a right border to an element
 *
 * @selector .nds-border_right
 * @modifier
 * @group position
 */
.nds-border_right,
.nds-border--right {
  border-right: 1px solid #dddbda;
}

/**
 * @summary Adds a top border to an element
 *
 * @selector .nds-border_top
 * @modifier
 * @group position
 */
.nds-border_top,
.nds-border--top {
  border-top: 1px solid #dddbda;
}

/**
 * The truncation class can be used on an element, or the truncation
 * include can be added to an existing class.
 *
 * @summary Creates truncated text
 *
 * @selector .nds-truncate
 * @restrict [title]
 * @modifier
 */
.nds-truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * @summary Truncates text at 25% of its parent container
 *
 * @selector .nds-truncate_container_25
 * @modifier
 */
.nds-truncate_container_25,
.nds-truncate_container--25 {
  max-width: 25%;
}

/**
 * @summary Truncates text at 50% of its parent container
 *
 * @selector .nds-truncate_container_50
 * @modifier
 */
.nds-truncate_container_50,
.nds-truncate_container--50 {
  max-width: 50%;
}

/**
 * @summary Truncates text at 75% of its parent container
 *
 * @selector .nds-truncate_container_75
 * @modifier
 */
.nds-truncate_container_75,
.nds-truncate_container--75 {
  max-width: 75%;
}

/**
 * @summary Truncates text at 33% of its parent container
 *
 * @selector .nds-truncate_container_33
 * @modifier
 */
.nds-truncate_container_33,
.nds-truncate_container--33 {
  max-width: 33%;
}

/**
 * @summary Truncates text at 66% of its parent container
 *
 * @selector .nds-truncate_container_66
 * @modifier
 */
.nds-truncate_container_66,
.nds-truncate_container--66 {
  max-width: 66%;
}

/**
 * The truncation class can be used on an element, or the truncation include can be added to an existing class.
 *
 * @summary Creates hyphenated text
 *
 * @selector .nds-hyphenate
 * @notes Hyphenation will occur at the parent width if a width is not specified
 * @modifier
 */
.nds-hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/**
 * @summary Provides 1rem base padding and borders
 *
 * @selector .nds-box
 * @modifier
 */
.nds-box {
  padding: 1rem;
  border-radius: 0.25rem;
  border: 1px solid #dddbda;
  /**
   * @summary Changes padding to .25rem
   *
   * @selector .nds-box_xx-small
   * @restrict .nds-box
   * @modifier
   */
  /**
   * @summary Changes padding to .5rem
   *
   * @selector .nds-box_x-small
   * @restrict .nds-box
   * @modifier
   */
  /**
   * @summary Changes padding to .75rem
   *
   * @selector .nds-box_small
   * @restrict .nds-box
   * @modifier
   */
}

.nds-box_xx-small, .nds-box--xx-small {
  padding: 0.25rem;
}

.nds-box_x-small, .nds-box--x-small {
  padding: 0.5rem;
}

.nds-box_small, .nds-box--small {
  padding: 0.75rem;
}

.nds-box_border, .nds-box--border {
  padding: 0;
  border-radius: 0.25rem;
  border: 1px solid #dddbda;
}

/**
 * @summary Handles interactions if the box is applied to an actionable element
 *
 * @selector .nds-box_link
 * @restrict .nds-box
 * @modifier
 */
.nds-box_link, .nds-box_link:active, .nds-box_link:focus, .nds-box_link:hover {
  color: inherit;
  text-decoration: inherit;
}

.nds-box_link:hover, .nds-box_link:focus {
  cursor: pointer;
  outline: 0;
  border: 1px solid #1589ee;
  box-shadow: 0 0 0 1px #1589ee inset;
}

.nds-theme {
  /**
   * @summary Sets the background color to white
   *
   * @selector .nds-theme_default
   * @modifier
   */
  /**
   * @summary Sets the background color to gray
   *
   * @selector .nds-theme_shade
   * @modifier
   */
  /**
   * @summary Sets the background color to dark blue
   *
   * @selector .nds-theme_inverse
   * @modifier
   */
  /**
   * @summary Sets the background color to darker blue
   *
   * @selector .nds-theme_alt-inverse
   * @modifier
   */
  /**
   * @summary Sets the background color to green
   *
   * @selector .nds-theme_success
   * @modifier
   */
  /**
   * @summary Sets the background color to gray-ish blue
   *
   * @selector .nds-theme_info
   * @modifier
   */
  /**
   * @summary Sets the background color to yellow
   *
   * @selector .nds-theme_warning
   * @modifier
   */
  /**
   * @summary Sets the background color to red
   *
   * @selector .nds-theme_error
   * @modifier
   */
  /**
   * @summary Sets the background color to black
   *
   * @selector .nds-theme_offline
   * @modifier
   */
  /**
   * @summary Adds striped background
   *
   * @selector .nds-theme_alert-texture
   * @modifier
   */
}

.nds-theme_default, .nds-theme--default {
  background-color: #fff;
  color: #1b1b1b;
  background-color: transparent;
}

.nds-theme_shade, .nds-theme--shade {
  background-color: #fafaf9;
}

.nds-theme_inverse, .nds-theme--inverse {
  color: #fff;
  background-color: #061c3f;
  border-color: #061c3f;
}

.nds-theme_inverse a:not(.nds-button--neutral), .nds-theme--inverse a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_inverse a:not(.nds-button--neutral):link, .nds-theme_inverse a:not(.nds-button--neutral):visited, .nds-theme--inverse a:not(.nds-button--neutral):link, .nds-theme--inverse a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_inverse a:not(.nds-button--neutral):hover, .nds-theme_inverse a:not(.nds-button--neutral):focus, .nds-theme--inverse a:not(.nds-button--neutral):hover, .nds-theme--inverse a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_inverse a:not(.nds-button--neutral):active, .nds-theme--inverse a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_inverse a:not(.nds-button--neutral)[disabled], .nds-theme--inverse a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_alt-inverse, .nds-theme--alt-inverse {
  color: #fff;
  background-color: #16325c;
  border-color: #16325c;
}

.nds-theme_alt-inverse a:not(.nds-button--neutral), .nds-theme--alt-inverse a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_alt-inverse a:not(.nds-button--neutral):link, .nds-theme_alt-inverse a:not(.nds-button--neutral):visited, .nds-theme--alt-inverse a:not(.nds-button--neutral):link, .nds-theme--alt-inverse a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_alt-inverse a:not(.nds-button--neutral):hover, .nds-theme_alt-inverse a:not(.nds-button--neutral):focus, .nds-theme--alt-inverse a:not(.nds-button--neutral):hover, .nds-theme--alt-inverse a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_alt-inverse a:not(.nds-button--neutral):active, .nds-theme--alt-inverse a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_alt-inverse a:not(.nds-button--neutral)[disabled], .nds-theme--alt-inverse a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_success, .nds-theme--success {
  color: #fff;
  background-color: #04844b;
}

.nds-theme_success a:not(.nds-button--neutral), .nds-theme--success a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_success a:not(.nds-button--neutral):link, .nds-theme_success a:not(.nds-button--neutral):visited, .nds-theme--success a:not(.nds-button--neutral):link, .nds-theme--success a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_success a:not(.nds-button--neutral):hover, .nds-theme_success a:not(.nds-button--neutral):focus, .nds-theme--success a:not(.nds-button--neutral):hover, .nds-theme--success a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_success a:not(.nds-button--neutral):active, .nds-theme--success a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_success a:not(.nds-button--neutral)[disabled], .nds-theme--success a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_info, .nds-theme--info {
  color: #fff;
  background-color: #706e6b;
}

.nds-theme_info a:not(.nds-button--neutral), .nds-theme--info a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_info a:not(.nds-button--neutral):link, .nds-theme_info a:not(.nds-button--neutral):visited, .nds-theme--info a:not(.nds-button--neutral):link, .nds-theme--info a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_info a:not(.nds-button--neutral):hover, .nds-theme_info a:not(.nds-button--neutral):focus, .nds-theme--info a:not(.nds-button--neutral):hover, .nds-theme--info a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_info a:not(.nds-button--neutral):active, .nds-theme--info a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_info a:not(.nds-button--neutral)[disabled], .nds-theme--info a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_warning, .nds-theme--warning {
  background-color: #ffb75d;
  color: #1b1b1b;
}

.nds-theme_warning .nds-icon,
.nds-theme_warning .nds-button__icon, .nds-theme--warning .nds-icon,
.nds-theme--warning .nds-button__icon {
  fill: #706e6b;
}

.nds-theme_warning a:not(.nds-button--neutral),
.nds-theme_warning button:not(.nds-button--neutral), .nds-theme--warning a:not(.nds-button--neutral),
.nds-theme--warning button:not(.nds-button--neutral) {
  color: #1b1b1b;
  text-decoration: underline;
}

.nds-theme_error, .nds-theme--error {
  color: #fff;
  background-color: #c23934;
}

.nds-theme_error a:not(.nds-button--neutral), .nds-theme--error a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_error a:not(.nds-button--neutral):link, .nds-theme_error a:not(.nds-button--neutral):visited, .nds-theme--error a:not(.nds-button--neutral):link, .nds-theme--error a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_error a:not(.nds-button--neutral):hover, .nds-theme_error a:not(.nds-button--neutral):focus, .nds-theme--error a:not(.nds-button--neutral):hover, .nds-theme--error a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_error a:not(.nds-button--neutral):active, .nds-theme--error a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_error a:not(.nds-button--neutral)[disabled], .nds-theme--error a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_offline, .nds-theme--offline {
  color: #fff;
  background-color: #444;
}

.nds-theme_offline a:not(.nds-button--neutral), .nds-theme--offline a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_offline a:not(.nds-button--neutral):link, .nds-theme_offline a:not(.nds-button--neutral):visited, .nds-theme--offline a:not(.nds-button--neutral):link, .nds-theme--offline a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_offline a:not(.nds-button--neutral):hover, .nds-theme_offline a:not(.nds-button--neutral):focus, .nds-theme--offline a:not(.nds-button--neutral):hover, .nds-theme--offline a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_offline a:not(.nds-button--neutral):active, .nds-theme--offline a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_offline a:not(.nds-button--neutral)[disabled], .nds-theme--offline a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

.nds-theme_alert-texture, .nds-theme--alert-texture {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
}

.nds-theme_inverse-text, .nds-theme--inverse-text {
  color: #fff;
}

.nds-theme_inverse-text a:not(.nds-button--neutral), .nds-theme--inverse-text a:not(.nds-button--neutral) {
  color: #fff;
  text-decoration: underline;
}

.nds-theme_inverse-text a:not(.nds-button--neutral):link, .nds-theme_inverse-text a:not(.nds-button--neutral):visited, .nds-theme--inverse-text a:not(.nds-button--neutral):link, .nds-theme--inverse-text a:not(.nds-button--neutral):visited {
  color: #fff;
}

.nds-theme_inverse-text a:not(.nds-button--neutral):hover, .nds-theme_inverse-text a:not(.nds-button--neutral):focus, .nds-theme--inverse-text a:not(.nds-button--neutral):hover, .nds-theme--inverse-text a:not(.nds-button--neutral):focus {
  color: rgba(255, 255, 255, 0.75);
}

.nds-theme_inverse-text a:not(.nds-button--neutral):active, .nds-theme--inverse-text a:not(.nds-button--neutral):active {
  color: rgba(255, 255, 255, 0.5);
}

.nds-theme_inverse-text a:not(.nds-button--neutral)[disabled], .nds-theme--inverse-text a:not(.nds-button--neutral)[disabled] {
  color: rgba(255, 255, 255, 0.15);
}

/**
 * @summary Creates the 13px regular body copy
 *
 * @selector .nds-text-body_regular
 * @modifier
 */
.nds-text-body_regular,
.nds-text-body--regular {
  font-size: 0.8125rem;
}

/**
 * @summary Creates a more pale-colored 12px copy
 *
 * @selector .nds-text-body_small
 * @modifier
 */
.nds-text-body_small,
.nds-text-body--small {
  font-size: 0.75rem;
}

/**
 * @summary Very large 28px heading
 *
 * @selector .nds-text-heading_large
 * @modifier
 */
.nds-text-heading_large,
.nds-text-heading--large {
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.25;
}

/**
 * @summary Large 20px heading
 *
 * @selector .nds-text-heading_medium
 * @modifier
 */
.nds-text-heading_medium,
.nds-text-heading--medium {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.25;
}

/**
 * @summary Smaller 16px heading
 *
 * @selector .nds-text-heading_small
 * @modifier
 */
.nds-text-heading_small,
.nds-text-heading--small {
  font-size: 1rem;
  line-height: 1.25;
}

.nds-text-heading_label,
.nds-text-heading--label {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

.nds-text-heading_label-normal,
.nds-text-heading--label-normal {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
}

/**
 * @summary 12px heading that is not all caps
 *
 * @selector .nds-text-title
 * @notes Usually labels small content areas like list sections.
 * @modifier
 */
.nds-text-title {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
}

/**
 * @summary All caps 12px heading
 *
 * @selector .nds-text-title_caps
 * @notes Usually labels small content areas like tabs and page header titles.
 * @modifier
 */
.nds-text-title_caps,
.nds-text-title--caps {
  font-size: 0.75rem;
  line-height: 1.25;
  color: #706e6b;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}

/**
 * @summary Resets line-height to browser default
 *
 * @selector .nds-line-height_reset
 * @modifier
 */
.nds-line-height_reset,
.nds-line-height--reset {
  line-height: 1;
}

/**
 * @summary Default color of text
 *
 * @selector .nds-text-color_default
 * @modifier
 */
.nds-text-color_default,
.nds-text-color--default {
  color: #1b1b1b;
}

/**
 * @summary Weak color of text
 *
 * @selector .nds-text-color_weak
 * @modifier
 */
.nds-text-color_weak,
.nds-text-color--weak {
  color: #706e6b;
}

/**
 * @summary Error color of text
 *
 * @selector .nds-text-color_error
 * @modifier
 */
.nds-text-color_error,
.nds-text-color--error {
  color: #e71313;
}

/**
 * @summary Default color of text on inversed background
 *
 * @selector .nds-text-color_inverse
 * @modifier
 */
.nds-text-color_inverse,
.nds-text-color--inverse {
  color: #fff;
}

/**
 * @summary Weak color of text on inversed background
 *
 * @selector .nds-text-color_inverse-weak
 * @modifier
 */
.nds-text-color_inverse-weak,
.nds-text-color--inverse-weak {
  color: #b0adab;
}

/**
 * @summary Aligns text left
 *
 * @selector .nds-text-align_left
 * @modifier
 */
.nds-text-align_left,
.nds-text-align--left {
  text-align: left;
}

/**
 * @summary Aligns text center
 *
 * @selector .nds-text-align_center
 * @modifier
 */
.nds-text-align_center,
.nds-text-align--center {
  text-align: center;
}

/**
 * @summary Aligns text right
 *
 * @selector .nds-text-align_right
 * @modifier
 */
.nds-text-align_right,
.nds-text-align--right {
  text-align: right;
}

/**
 * @summary Adds default spacing and list styling within a wrapper
 *
 * @selector .nds-text-longform
 * @notes Our application framework removes default text styling. This adds in margins to large areas
 * @modifier
 */
.nds-text-longform h1,
.nds-text-longform h2,
.nds-text-longform h3,
.nds-text-longform p,
.nds-text-longform ul,
.nds-text-longform ol,
.nds-text-longform dl,
.nds-text-longform img {
  margin-bottom: 0.75rem;
}

.nds-text-longform ul {
  margin-left: 1.5rem;
  list-style: disc;
}

.nds-text-longform ul ul {
  list-style: circle;
}

.nds-text-longform ul ul ul {
  list-style: square;
}

.nds-text-longform ol {
  margin-left: 1.5rem;
  list-style: decimal;
}

.nds-text-longform ol ol {
  list-style: lower-alpha;
}

.nds-text-longform ol ol ol {
  list-style: lower-roman;
}

.nds-text-longform .nds-video {
  display: block;
  max-width: 100%;
}

.nds-text-longform .nds-video.nds-video_center, .nds-text-longform .nds-video.nds-video--center {
  margin: 0 auto;
}

.nds-text-longform .nds-video.nds-video_right, .nds-text-longform .nds-video.nds-video--right {
  margin: 0 0 0 auto;
}

/**
 * @summary Creates large text
 *
 * @selector .nds-font-size-large
 * @modifier
 */
.nds-font-size-large {
  font-size: 1.5rem;
}

/**
 * @summary Creates extra large base
 *
 * @selector .nds-font-size-x-large
 * @modifier
 */
.nds-font-size-x-large {
  font-size: 1.25rem;
}

/* stylelint-disable declaration-no-important */
/**
 * @summary Text color utility class for secondary text
 *
 * @selector .nds-color-text-secondary
 * @modifier
 */
.nds-color-text-secondary {
  color: #706e6b !important;
}

/**
 * @summary Text color utility class for Palette Gray #1
 *
 * @selector .nds-color__text_gray-1
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-1 {
  color: #fff !important;
}

/**
 * @summary Text color utility class for Palette Gray #2
 *
 * @selector .nds-color__text_gray-2
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-2 {
  color: #fafaf9 !important;
}

/**
 * @summary Text color utility class for Palette Gray #3
 *
 * @selector .nds-color__text_gray-3
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-3 {
  color: #f3f2f2 !important;
}

/**
 * @summary Text color utility class for Palette Gray #4
 *
 * @selector .nds-color__text_gray-4
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-4 {
  color: #ecebea !important;
}

/**
 * @summary Text color utility class for Palette Gray #5
 *
 * @selector .nds-color__text_gray-5
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-5 {
  color: #dddbda !important;
}

/**
 * @summary Text color utility class for Palette Gray #6
 *
 * @selector .nds-color__text_gray-6
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-6 {
  color: #c9c7c5 !important;
}

/**
 * @summary Text color utility class for Palette Gray #7
 *
 * @selector .nds-color__text_gray-7
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-7 {
  color: #b0adab !important;
}

/**
 * @summary Text color utility class for Palette Gray #8
 *
 * @selector .nds-color__text_gray-8
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-8 {
  color: #969492 !important;
}

/**
 * @summary Text color utility class for Palette Gray #9
 *
 * @selector .nds-color__text_gray-9
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-9 {
  color: #706e6b !important;
}

/**
 * @summary Text color utility class for Palette Gray #10
 *
 * @selector .nds-color__text_gray-10
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-10 {
  color: #514f4d !important;
}

/**
 * @summary Text color utility class for Palette Gray #11
 *
 * @selector .nds-color__text_gray-11
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-11 {
  color: #3e3e3c !important;
}

/**
 * @summary Text color utility class for Palette Gray #12
 *
 * @selector .nds-color__text_gray-12
 * @modifier
 * @group text-grays
 */
.nds-color__text_gray-12 {
  color: #2b2826 !important;
}

/**
 * @summary Background color utility class for Palette Gray #1
 *
 * @selector .nds-color__background_gray-1
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-1 {
  background-color: #fff !important;
}

/**
 * @summary Background color utility class for Palette Gray #2
 *
 * @selector .nds-color__background_gray-2
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-2 {
  background-color: #fafaf9 !important;
}

/**
 * @summary Background color utility class for Palette Gray #3
 *
 * @selector .nds-color__background_gray-3
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-3 {
  background-color: #f3f2f2 !important;
}

/**
 * @summary Background color utility class for Palette Gray #4
 *
 * @selector .nds-color__background_gray-4
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-4 {
  background-color: #ecebea !important;
}

/**
 * @summary Background color utility class for Palette Gray #5
 *
 * @selector .nds-color__background_gray-5
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-5 {
  background-color: #dddbda !important;
}

/**
 * @summary Background color utility class for Palette Gray #6
 *
 * @selector .nds-color__background_gray-6
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-6 {
  background-color: #c9c7c5 !important;
}

/**
 * @summary Background color utility class for Palette Gray #7
 *
 * @selector .nds-color__background_gray-7
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-7 {
  background-color: #b0adab !important;
}

/**
 * @summary Background color utility class for Palette Gray #8
 *
 * @selector .nds-color__background_gray-8
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-8 {
  background-color: #969492 !important;
}

/**
 * @summary Background color utility class for Palette Gray #9
 *
 * @selector .nds-color__background_gray-9
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-9 {
  background-color: #706e6b !important;
}

/**
 * @summary Background color utility class for Palette Gray #10
 *
 * @selector .nds-color__background_gray-10
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-10 {
  background-color: #514f4d !important;
}

/**
 * @summary Background color utility class for Palette Gray #11
 *
 * @selector .nds-color__background_gray-11
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-11 {
  background-color: #3e3e3c !important;
}

/**
 * @summary Background color utility class for Palette Gray #12
 *
 * @selector .nds-color__background_gray-12
 * @modifier
 * @group background-grays
 */
.nds-color__background_gray-12 {
  background-color: #2b2826 !important;
}

/**
 * @summary Border color utility class for Palette Gray #1
 *
 * @selector .nds-color__border_gray-1
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-1 {
  border-color: #fff !important;
}

/**
 * @summary Border color utility class for Palette Gray #2
 *
 * @selector .nds-color__border_gray-2
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-2 {
  border-color: #fafaf9 !important;
}

/**
 * @summary Border color utility class for Palette Gray #3
 *
 * @selector .nds-color__border_gray-3
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-3 {
  border-color: #f3f2f2 !important;
}

/**
 * @summary Border color utility class for Palette Gray #4
 *
 * @selector .nds-color__border_gray-4
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-4 {
  border-color: #ecebea !important;
}

/**
 * @summary Border color utility class for Palette Gray #5
 *
 * @selector .nds-color__border_gray-5
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-5 {
  border-color: #dddbda !important;
}

/**
 * @summary Border color utility class for Palette Gray #6
 *
 * @selector .nds-color__border_gray-6
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-6 {
  border-color: #c9c7c5 !important;
}

/**
 * @summary Border color utility class for Palette Gray #7
 *
 * @selector .nds-color__border_gray-7
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-7 {
  border-color: #b0adab !important;
}

/**
 * @summary Border color utility class for Palette Gray #8
 *
 * @selector .nds-color__border_gray-8
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-8 {
  border-color: #969492 !important;
}

/**
 * @summary Border color utility class for Palette Gray #9
 *
 * @selector .nds-color__border_gray-9
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-9 {
  border-color: #706e6b !important;
}

/**
 * @summary Border color utility class for Palette Gray #10
 *
 * @selector .nds-color__border_gray-10
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-10 {
  border-color: #514f4d !important;
}

/**
 * @summary Border color utility class for Palette Gray #11
 *
 * @selector .nds-color__border_gray-11
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-11 {
  border-color: #3e3e3c !important;
}

/**
 * @summary Border color utility class for Palette Gray #12
 *
 * @selector .nds-color__border_gray-12
 * @modifier
 * @group border-grays
 */
.nds-color__border_gray-12 {
  border-color: #2b2826 !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #1
 *
 * @selector .nds-color__fill_gray-1
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-1 {
  fill: #fff !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #2
 *
 * @selector .nds-color__fill_gray-2
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-2 {
  fill: #fafaf9 !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #3
 *
 * @selector .nds-color__fill_gray-3
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-3 {
  fill: #f3f2f2 !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #4
 *
 * @selector .nds-color__fill_gray-4
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-4 {
  fill: #ecebea !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #5
 *
 * @selector .nds-color__fill_gray-5
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-5 {
  fill: #dddbda !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #6
 *
 * @selector .nds-color__fill_gray-6
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-6 {
  fill: #c9c7c5 !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #7
 *
 * @selector .nds-color__fill_gray-7
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-7 {
  fill: #b0adab !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #8
 *
 * @selector .nds-color__fill_gray-8
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-8 {
  fill: #969492 !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #9
 *
 * @selector .nds-color__fill_gray-9
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-9 {
  fill: #706e6b !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #10
 *
 * @selector .nds-color__fill_gray-10
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-10 {
  fill: #514f4d !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #11
 *
 * @selector .nds-color__fill_gray-11
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-11 {
  fill: #3e3e3c !important;
}

/**
 * @summary SVG Fill color utility class for Palette Gray #12
 *
 * @selector .nds-color__fill_gray-12
 * @modifier
 * @group fill-grays
 */
.nds-color__fill_gray-12 {
  fill: #2b2826 !important;
}

/**
 * @summary Forces element to scroll horizontally and vertically when content exceeds element's width and height
 *
 * @selector .nds-scrollable
 * @modifier
 */
.nds-scrollable {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

/**
 * @summary Forces overflow items to not scroll within element's width and height
 *
 * @selector .nds-scrollable_none
 * @modifier
 */
.nds-scrollable_none,
.nds-scrollable--none {
  overflow: hidden;
}

/**
 * @summary Forces element to scroll vertically when content exceeds element's height
 *
 * @selector .nds-scrollable_y
 * @modifier
 */
.nds-scrollable_y,
.nds-scrollable--y {
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

/**
 * @summary Forces element to scroll horizontally when content exceeds element's width
 *
 * @selector .nds-scrollable_x
 * @modifier
 */
.nds-scrollable_x,
.nds-scrollable--x {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

/**
 * @selector .nds-size_small
 * @modifier
 */
/*
 * @selector .nds-size_xx-small
 * @modifier
 */
.nds-size_xx-small,
.nds-size--xx-small {
  width: 6rem;
}

/*
 * @selector .nds-size_x-small
 * @modifier
 */
.nds-size_x-small,
.nds-size--x-small {
  width: 12rem;
}

/*
 * @selector .nds-size_small
 * @modifier
 */
.nds-size_small,
.nds-size--small {
  width: 15rem;
}

/*
 * @selector .nds-size_medium
 * @modifier
 */
.nds-size_medium,
.nds-size--medium {
  width: 20rem;
}

/*
 * @selector .nds-size_large
 * @modifier
 */
.nds-size_large,
.nds-size--large {
  width: 25rem;
}

/*
 * @selector .nds-size_x-large
 * @modifier
 */
.nds-size_x-large,
.nds-size--x-large {
  width: 40rem;
}

/*
 * @selector .nds-size_xx-large
 * @modifier
 */
.nds-size_xx-large,
.nds-size--xx-large {
  width: 60rem;
}

.nds-size_0-of-1,
.nds-size--0-of-1 {
  display: none;
}

.nds-size_1-of-1,
.nds-size--1-of-1 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-2,
.nds-size--0-of-2 {
  display: none;
}

.nds-size_1-of-2,
.nds-size--1-of-2 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-size_2-of-2,
.nds-size--2-of-2 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-3,
.nds-size--0-of-3 {
  display: none;
}

.nds-size_1-of-3,
.nds-size--1-of-3 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-size_2-of-3,
.nds-size--2-of-3 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-size_3-of-3,
.nds-size--3-of-3 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-4,
.nds-size--0-of-4 {
  display: none;
}

.nds-size_1-of-4,
.nds-size--1-of-4 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-size_2-of-4,
.nds-size--2-of-4 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-size_3-of-4,
.nds-size--3-of-4 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-size_4-of-4,
.nds-size--4-of-4 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-5,
.nds-size--0-of-5 {
  display: none;
}

.nds-size_1-of-5,
.nds-size--1-of-5 {
  width: 20%;
  -ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 20%;
}

.nds-size_2-of-5,
.nds-size--2-of-5 {
  width: 40%;
  -ms-flex: 0 0 40%;
      flex: 0 0 40%;
  max-width: 40%;
}

.nds-size_3-of-5,
.nds-size--3-of-5 {
  width: 60%;
  -ms-flex: 0 0 60%;
      flex: 0 0 60%;
  max-width: 60%;
}

.nds-size_4-of-5,
.nds-size--4-of-5 {
  width: 80%;
  -ms-flex: 0 0 80%;
      flex: 0 0 80%;
  max-width: 80%;
}

.nds-size_5-of-5,
.nds-size--5-of-5 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-6,
.nds-size--0-of-6 {
  display: none;
}

.nds-size_1-of-6,
.nds-size--1-of-6 {
  width: 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.nds-size_2-of-6,
.nds-size--2-of-6 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-size_3-of-6,
.nds-size--3-of-6 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-size_4-of-6,
.nds-size--4-of-6 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-size_5-of-6,
.nds-size--5-of-6 {
  width: 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.nds-size_6-of-6,
.nds-size--6-of-6 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-7,
.nds-size--0-of-7 {
  display: none;
}

.nds-size_1-of-7,
.nds-size--1-of-7 {
  width: 14.2857142857%;
  -ms-flex: 0 0 14.2857142857%;
      flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%;
}

.nds-size_2-of-7,
.nds-size--2-of-7 {
  width: 28.5714285714%;
  -ms-flex: 0 0 28.5714285714%;
      flex: 0 0 28.5714285714%;
  max-width: 28.5714285714%;
}

.nds-size_3-of-7,
.nds-size--3-of-7 {
  width: 42.8571428571%;
  -ms-flex: 0 0 42.8571428571%;
      flex: 0 0 42.8571428571%;
  max-width: 42.8571428571%;
}

.nds-size_4-of-7,
.nds-size--4-of-7 {
  width: 57.1428571429%;
  -ms-flex: 0 0 57.1428571429%;
      flex: 0 0 57.1428571429%;
  max-width: 57.1428571429%;
}

.nds-size_5-of-7,
.nds-size--5-of-7 {
  width: 71.4285714286%;
  -ms-flex: 0 0 71.4285714286%;
      flex: 0 0 71.4285714286%;
  max-width: 71.4285714286%;
}

.nds-size_6-of-7,
.nds-size--6-of-7 {
  width: 85.7142857143%;
  -ms-flex: 0 0 85.7142857143%;
      flex: 0 0 85.7142857143%;
  max-width: 85.7142857143%;
}

.nds-size_7-of-7,
.nds-size--7-of-7 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-8,
.nds-size--0-of-8 {
  display: none;
}

.nds-size_1-of-8,
.nds-size--1-of-8 {
  width: 12.5%;
  -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
  max-width: 12.5%;
}

.nds-size_2-of-8,
.nds-size--2-of-8 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-size_3-of-8,
.nds-size--3-of-8 {
  width: 37.5%;
  -ms-flex: 0 0 37.5%;
      flex: 0 0 37.5%;
  max-width: 37.5%;
}

.nds-size_4-of-8,
.nds-size--4-of-8 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-size_5-of-8,
.nds-size--5-of-8 {
  width: 62.5%;
  -ms-flex: 0 0 62.5%;
      flex: 0 0 62.5%;
  max-width: 62.5%;
}

.nds-size_6-of-8,
.nds-size--6-of-8 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-size_7-of-8,
.nds-size--7-of-8 {
  width: 87.5%;
  -ms-flex: 0 0 87.5%;
      flex: 0 0 87.5%;
  max-width: 87.5%;
}

.nds-size_8-of-8,
.nds-size--8-of-8 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-size_0-of-12,
.nds-size--0-of-12 {
  display: none;
}

.nds-size_1-of-12,
.nds-size--1-of-12 {
  width: 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.nds-size_2-of-12,
.nds-size--2-of-12 {
  width: 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.nds-size_3-of-12,
.nds-size--3-of-12 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-size_4-of-12,
.nds-size--4-of-12 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-size_5-of-12,
.nds-size--5-of-12 {
  width: 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.nds-size_6-of-12,
.nds-size--6-of-12 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-size_7-of-12,
.nds-size--7-of-12 {
  width: 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.nds-size_8-of-12,
.nds-size--8-of-12 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-size_9-of-12,
.nds-size--9-of-12 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-size_10-of-12,
.nds-size--10-of-12 {
  width: 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.nds-size_11-of-12,
.nds-size--11-of-12 {
  width: 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.nds-size_12-of-12,
.nds-size--12-of-12 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-order_1,
.nds-order--1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-order_2,
.nds-order--2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-order_3,
.nds-order--3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-order_4,
.nds-order--4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-order_5,
.nds-order--5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-order_6,
.nds-order--6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-order_7,
.nds-order--7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-order_8,
.nds-order--8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-order_9,
.nds-order--9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-order_10,
.nds-order--10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-order_11,
.nds-order--11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-order_12,
.nds-order--12 {
  -ms-flex-order: 12;
      order: 12;
}

@media (min-width: 20em) {
  .nds-x-small-size_xx-small,
.nds-x-small-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-x-small-size_x-small,
.nds-x-small-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-x-small-size_small,
.nds-x-small-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-x-small-size_medium,
.nds-x-small-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-x-small-size_large,
.nds-x-small-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-x-small-size_x-large,
.nds-x-small-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-x-small-size_xx-large,
.nds-x-small-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-x-small-size_0-of-1,
.nds-x-small-size--0-of-1 {
    display: none;
  }

  .nds-x-small-size_1-of-1,
.nds-x-small-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-2,
.nds-x-small-size--0-of-2 {
    display: none;
  }

  .nds-x-small-size_1-of-2,
.nds-x-small-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-x-small-size_2-of-2,
.nds-x-small-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-3,
.nds-x-small-size--0-of-3 {
    display: none;
  }

  .nds-x-small-size_1-of-3,
.nds-x-small-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-x-small-size_2-of-3,
.nds-x-small-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-x-small-size_3-of-3,
.nds-x-small-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-4,
.nds-x-small-size--0-of-4 {
    display: none;
  }

  .nds-x-small-size_1-of-4,
.nds-x-small-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-x-small-size_2-of-4,
.nds-x-small-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-x-small-size_3-of-4,
.nds-x-small-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-x-small-size_4-of-4,
.nds-x-small-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-5,
.nds-x-small-size--0-of-5 {
    display: none;
  }

  .nds-x-small-size_1-of-5,
.nds-x-small-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-x-small-size_2-of-5,
.nds-x-small-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-x-small-size_3-of-5,
.nds-x-small-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-x-small-size_4-of-5,
.nds-x-small-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-x-small-size_5-of-5,
.nds-x-small-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-6,
.nds-x-small-size--0-of-6 {
    display: none;
  }

  .nds-x-small-size_1-of-6,
.nds-x-small-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-x-small-size_2-of-6,
.nds-x-small-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-x-small-size_3-of-6,
.nds-x-small-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-x-small-size_4-of-6,
.nds-x-small-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-x-small-size_5-of-6,
.nds-x-small-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-x-small-size_6-of-6,
.nds-x-small-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-7,
.nds-x-small-size--0-of-7 {
    display: none;
  }

  .nds-x-small-size_1-of-7,
.nds-x-small-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-x-small-size_2-of-7,
.nds-x-small-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-x-small-size_3-of-7,
.nds-x-small-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-x-small-size_4-of-7,
.nds-x-small-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-x-small-size_5-of-7,
.nds-x-small-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-x-small-size_6-of-7,
.nds-x-small-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-x-small-size_7-of-7,
.nds-x-small-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-8,
.nds-x-small-size--0-of-8 {
    display: none;
  }

  .nds-x-small-size_1-of-8,
.nds-x-small-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-x-small-size_2-of-8,
.nds-x-small-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-x-small-size_3-of-8,
.nds-x-small-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-x-small-size_4-of-8,
.nds-x-small-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-x-small-size_5-of-8,
.nds-x-small-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-x-small-size_6-of-8,
.nds-x-small-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-x-small-size_7-of-8,
.nds-x-small-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-x-small-size_8-of-8,
.nds-x-small-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-size_0-of-12,
.nds-x-small-size--0-of-12 {
    display: none;
  }

  .nds-x-small-size_1-of-12,
.nds-x-small-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-x-small-size_2-of-12,
.nds-x-small-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-x-small-size_3-of-12,
.nds-x-small-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-x-small-size_4-of-12,
.nds-x-small-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-x-small-size_5-of-12,
.nds-x-small-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-x-small-size_6-of-12,
.nds-x-small-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-x-small-size_7-of-12,
.nds-x-small-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-x-small-size_8-of-12,
.nds-x-small-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-x-small-size_9-of-12,
.nds-x-small-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-x-small-size_10-of-12,
.nds-x-small-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-x-small-size_11-of-12,
.nds-x-small-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-x-small-size_12-of-12,
.nds-x-small-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-x-small-order_1,
.nds-x-small-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-x-small-order_2,
.nds-x-small-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-x-small-order_3,
.nds-x-small-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-x-small-order_4,
.nds-x-small-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-x-small-order_5,
.nds-x-small-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-x-small-order_6,
.nds-x-small-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-x-small-order_7,
.nds-x-small-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-x-small-order_8,
.nds-x-small-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-x-small-order_9,
.nds-x-small-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-x-small-order_10,
.nds-x-small-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-x-small-order_11,
.nds-x-small-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-x-small-order_12,
.nds-x-small-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (max-width: 20em) {
  .nds-max-x-small-size_xx-small,
.nds-max-x-small-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-max-x-small-size_x-small,
.nds-max-x-small-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-max-x-small-size_small,
.nds-max-x-small-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-max-x-small-size_medium,
.nds-max-x-small-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-max-x-small-size_large,
.nds-max-x-small-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-max-x-small-size_x-large,
.nds-max-x-small-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-max-x-small-size_xx-large,
.nds-max-x-small-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-max-x-small-size_0-of-1,
.nds-max-x-small-size--0-of-1 {
    display: none;
  }

  .nds-max-x-small-size_1-of-1,
.nds-max-x-small-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-2,
.nds-max-x-small-size--0-of-2 {
    display: none;
  }

  .nds-max-x-small-size_1-of-2,
.nds-max-x-small-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-x-small-size_2-of-2,
.nds-max-x-small-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-3,
.nds-max-x-small-size--0-of-3 {
    display: none;
  }

  .nds-max-x-small-size_1-of-3,
.nds-max-x-small-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-x-small-size_2-of-3,
.nds-max-x-small-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-x-small-size_3-of-3,
.nds-max-x-small-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-4,
.nds-max-x-small-size--0-of-4 {
    display: none;
  }

  .nds-max-x-small-size_1-of-4,
.nds-max-x-small-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-x-small-size_2-of-4,
.nds-max-x-small-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-x-small-size_3-of-4,
.nds-max-x-small-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-x-small-size_4-of-4,
.nds-max-x-small-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-5,
.nds-max-x-small-size--0-of-5 {
    display: none;
  }

  .nds-max-x-small-size_1-of-5,
.nds-max-x-small-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-max-x-small-size_2-of-5,
.nds-max-x-small-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-max-x-small-size_3-of-5,
.nds-max-x-small-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-max-x-small-size_4-of-5,
.nds-max-x-small-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-max-x-small-size_5-of-5,
.nds-max-x-small-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-6,
.nds-max-x-small-size--0-of-6 {
    display: none;
  }

  .nds-max-x-small-size_1-of-6,
.nds-max-x-small-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-x-small-size_2-of-6,
.nds-max-x-small-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-x-small-size_3-of-6,
.nds-max-x-small-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-x-small-size_4-of-6,
.nds-max-x-small-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-x-small-size_5-of-6,
.nds-max-x-small-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-x-small-size_6-of-6,
.nds-max-x-small-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-7,
.nds-max-x-small-size--0-of-7 {
    display: none;
  }

  .nds-max-x-small-size_1-of-7,
.nds-max-x-small-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-max-x-small-size_2-of-7,
.nds-max-x-small-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-max-x-small-size_3-of-7,
.nds-max-x-small-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-max-x-small-size_4-of-7,
.nds-max-x-small-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-max-x-small-size_5-of-7,
.nds-max-x-small-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-max-x-small-size_6-of-7,
.nds-max-x-small-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-max-x-small-size_7-of-7,
.nds-max-x-small-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-8,
.nds-max-x-small-size--0-of-8 {
    display: none;
  }

  .nds-max-x-small-size_1-of-8,
.nds-max-x-small-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-max-x-small-size_2-of-8,
.nds-max-x-small-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-x-small-size_3-of-8,
.nds-max-x-small-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-max-x-small-size_4-of-8,
.nds-max-x-small-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-x-small-size_5-of-8,
.nds-max-x-small-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-max-x-small-size_6-of-8,
.nds-max-x-small-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-x-small-size_7-of-8,
.nds-max-x-small-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-max-x-small-size_8-of-8,
.nds-max-x-small-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-size_0-of-12,
.nds-max-x-small-size--0-of-12 {
    display: none;
  }

  .nds-max-x-small-size_1-of-12,
.nds-max-x-small-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-max-x-small-size_2-of-12,
.nds-max-x-small-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-x-small-size_3-of-12,
.nds-max-x-small-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-x-small-size_4-of-12,
.nds-max-x-small-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-x-small-size_5-of-12,
.nds-max-x-small-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-max-x-small-size_6-of-12,
.nds-max-x-small-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-x-small-size_7-of-12,
.nds-max-x-small-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-max-x-small-size_8-of-12,
.nds-max-x-small-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-x-small-size_9-of-12,
.nds-max-x-small-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-x-small-size_10-of-12,
.nds-max-x-small-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-x-small-size_11-of-12,
.nds-max-x-small-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-max-x-small-size_12-of-12,
.nds-max-x-small-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-x-small-order_1,
.nds-max-x-small-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-max-x-small-order_2,
.nds-max-x-small-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-max-x-small-order_3,
.nds-max-x-small-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-max-x-small-order_4,
.nds-max-x-small-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-max-x-small-order_5,
.nds-max-x-small-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-max-x-small-order_6,
.nds-max-x-small-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-max-x-small-order_7,
.nds-max-x-small-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-max-x-small-order_8,
.nds-max-x-small-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-max-x-small-order_9,
.nds-max-x-small-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-max-x-small-order_10,
.nds-max-x-small-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-max-x-small-order_11,
.nds-max-x-small-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-max-x-small-order_12,
.nds-max-x-small-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (min-width: 30em) {
  .nds-small-size_xx-small,
.nds-small-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-small-size_x-small,
.nds-small-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-small-size_small,
.nds-small-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-small-size_medium,
.nds-small-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-small-size_large,
.nds-small-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-small-size_x-large,
.nds-small-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-small-size_xx-large,
.nds-small-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-small-size_0-of-1,
.nds-small-size--0-of-1 {
    display: none;
  }

  .nds-small-size_1-of-1,
.nds-small-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-2,
.nds-small-size--0-of-2 {
    display: none;
  }

  .nds-small-size_1-of-2,
.nds-small-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-small-size_2-of-2,
.nds-small-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-3,
.nds-small-size--0-of-3 {
    display: none;
  }

  .nds-small-size_1-of-3,
.nds-small-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-small-size_2-of-3,
.nds-small-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-small-size_3-of-3,
.nds-small-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-4,
.nds-small-size--0-of-4 {
    display: none;
  }

  .nds-small-size_1-of-4,
.nds-small-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-small-size_2-of-4,
.nds-small-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-small-size_3-of-4,
.nds-small-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-small-size_4-of-4,
.nds-small-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-5,
.nds-small-size--0-of-5 {
    display: none;
  }

  .nds-small-size_1-of-5,
.nds-small-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-small-size_2-of-5,
.nds-small-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-small-size_3-of-5,
.nds-small-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-small-size_4-of-5,
.nds-small-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-small-size_5-of-5,
.nds-small-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-6,
.nds-small-size--0-of-6 {
    display: none;
  }

  .nds-small-size_1-of-6,
.nds-small-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-small-size_2-of-6,
.nds-small-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-small-size_3-of-6,
.nds-small-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-small-size_4-of-6,
.nds-small-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-small-size_5-of-6,
.nds-small-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-small-size_6-of-6,
.nds-small-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-7,
.nds-small-size--0-of-7 {
    display: none;
  }

  .nds-small-size_1-of-7,
.nds-small-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-small-size_2-of-7,
.nds-small-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-small-size_3-of-7,
.nds-small-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-small-size_4-of-7,
.nds-small-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-small-size_5-of-7,
.nds-small-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-small-size_6-of-7,
.nds-small-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-small-size_7-of-7,
.nds-small-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-8,
.nds-small-size--0-of-8 {
    display: none;
  }

  .nds-small-size_1-of-8,
.nds-small-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-small-size_2-of-8,
.nds-small-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-small-size_3-of-8,
.nds-small-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-small-size_4-of-8,
.nds-small-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-small-size_5-of-8,
.nds-small-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-small-size_6-of-8,
.nds-small-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-small-size_7-of-8,
.nds-small-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-small-size_8-of-8,
.nds-small-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-size_0-of-12,
.nds-small-size--0-of-12 {
    display: none;
  }

  .nds-small-size_1-of-12,
.nds-small-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-small-size_2-of-12,
.nds-small-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-small-size_3-of-12,
.nds-small-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-small-size_4-of-12,
.nds-small-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-small-size_5-of-12,
.nds-small-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-small-size_6-of-12,
.nds-small-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-small-size_7-of-12,
.nds-small-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-small-size_8-of-12,
.nds-small-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-small-size_9-of-12,
.nds-small-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-small-size_10-of-12,
.nds-small-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-small-size_11-of-12,
.nds-small-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-small-size_12-of-12,
.nds-small-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-small-order_1,
.nds-small-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-small-order_2,
.nds-small-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-small-order_3,
.nds-small-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-small-order_4,
.nds-small-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-small-order_5,
.nds-small-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-small-order_6,
.nds-small-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-small-order_7,
.nds-small-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-small-order_8,
.nds-small-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-small-order_9,
.nds-small-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-small-order_10,
.nds-small-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-small-order_11,
.nds-small-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-small-order_12,
.nds-small-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (max-width: 30em) {
  .nds-max-small-size_xx-small,
.nds-max-small-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-max-small-size_x-small,
.nds-max-small-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-max-small-size_small,
.nds-max-small-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-max-small-size_medium,
.nds-max-small-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-max-small-size_large,
.nds-max-small-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-max-small-size_x-large,
.nds-max-small-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-max-small-size_xx-large,
.nds-max-small-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-max-small-size_0-of-1,
.nds-max-small-size--0-of-1 {
    display: none;
  }

  .nds-max-small-size_1-of-1,
.nds-max-small-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-2,
.nds-max-small-size--0-of-2 {
    display: none;
  }

  .nds-max-small-size_1-of-2,
.nds-max-small-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-small-size_2-of-2,
.nds-max-small-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-3,
.nds-max-small-size--0-of-3 {
    display: none;
  }

  .nds-max-small-size_1-of-3,
.nds-max-small-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-small-size_2-of-3,
.nds-max-small-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-small-size_3-of-3,
.nds-max-small-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-4,
.nds-max-small-size--0-of-4 {
    display: none;
  }

  .nds-max-small-size_1-of-4,
.nds-max-small-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-small-size_2-of-4,
.nds-max-small-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-small-size_3-of-4,
.nds-max-small-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-small-size_4-of-4,
.nds-max-small-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-5,
.nds-max-small-size--0-of-5 {
    display: none;
  }

  .nds-max-small-size_1-of-5,
.nds-max-small-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-max-small-size_2-of-5,
.nds-max-small-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-max-small-size_3-of-5,
.nds-max-small-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-max-small-size_4-of-5,
.nds-max-small-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-max-small-size_5-of-5,
.nds-max-small-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-6,
.nds-max-small-size--0-of-6 {
    display: none;
  }

  .nds-max-small-size_1-of-6,
.nds-max-small-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-small-size_2-of-6,
.nds-max-small-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-small-size_3-of-6,
.nds-max-small-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-small-size_4-of-6,
.nds-max-small-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-small-size_5-of-6,
.nds-max-small-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-small-size_6-of-6,
.nds-max-small-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-7,
.nds-max-small-size--0-of-7 {
    display: none;
  }

  .nds-max-small-size_1-of-7,
.nds-max-small-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-max-small-size_2-of-7,
.nds-max-small-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-max-small-size_3-of-7,
.nds-max-small-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-max-small-size_4-of-7,
.nds-max-small-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-max-small-size_5-of-7,
.nds-max-small-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-max-small-size_6-of-7,
.nds-max-small-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-max-small-size_7-of-7,
.nds-max-small-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-8,
.nds-max-small-size--0-of-8 {
    display: none;
  }

  .nds-max-small-size_1-of-8,
.nds-max-small-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-max-small-size_2-of-8,
.nds-max-small-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-small-size_3-of-8,
.nds-max-small-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-max-small-size_4-of-8,
.nds-max-small-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-small-size_5-of-8,
.nds-max-small-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-max-small-size_6-of-8,
.nds-max-small-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-small-size_7-of-8,
.nds-max-small-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-max-small-size_8-of-8,
.nds-max-small-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-size_0-of-12,
.nds-max-small-size--0-of-12 {
    display: none;
  }

  .nds-max-small-size_1-of-12,
.nds-max-small-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-max-small-size_2-of-12,
.nds-max-small-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-small-size_3-of-12,
.nds-max-small-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-small-size_4-of-12,
.nds-max-small-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-small-size_5-of-12,
.nds-max-small-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-max-small-size_6-of-12,
.nds-max-small-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-small-size_7-of-12,
.nds-max-small-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-max-small-size_8-of-12,
.nds-max-small-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-small-size_9-of-12,
.nds-max-small-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-small-size_10-of-12,
.nds-max-small-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-small-size_11-of-12,
.nds-max-small-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-max-small-size_12-of-12,
.nds-max-small-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-small-order_1,
.nds-max-small-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-max-small-order_2,
.nds-max-small-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-max-small-order_3,
.nds-max-small-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-max-small-order_4,
.nds-max-small-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-max-small-order_5,
.nds-max-small-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-max-small-order_6,
.nds-max-small-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-max-small-order_7,
.nds-max-small-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-max-small-order_8,
.nds-max-small-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-max-small-order_9,
.nds-max-small-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-max-small-order_10,
.nds-max-small-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-max-small-order_11,
.nds-max-small-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-max-small-order_12,
.nds-max-small-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (min-width: 48em) {
  .nds-medium-size_xx-small,
.nds-medium-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-medium-size_x-small,
.nds-medium-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-medium-size_small,
.nds-medium-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-medium-size_medium,
.nds-medium-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-medium-size_large,
.nds-medium-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-medium-size_x-large,
.nds-medium-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-medium-size_xx-large,
.nds-medium-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-medium-size_0-of-1,
.nds-medium-size--0-of-1 {
    display: none;
  }

  .nds-medium-size_1-of-1,
.nds-medium-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-2,
.nds-medium-size--0-of-2 {
    display: none;
  }

  .nds-medium-size_1-of-2,
.nds-medium-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-medium-size_2-of-2,
.nds-medium-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-3,
.nds-medium-size--0-of-3 {
    display: none;
  }

  .nds-medium-size_1-of-3,
.nds-medium-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-medium-size_2-of-3,
.nds-medium-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-medium-size_3-of-3,
.nds-medium-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-4,
.nds-medium-size--0-of-4 {
    display: none;
  }

  .nds-medium-size_1-of-4,
.nds-medium-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-medium-size_2-of-4,
.nds-medium-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-medium-size_3-of-4,
.nds-medium-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-medium-size_4-of-4,
.nds-medium-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-5,
.nds-medium-size--0-of-5 {
    display: none;
  }

  .nds-medium-size_1-of-5,
.nds-medium-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-medium-size_2-of-5,
.nds-medium-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-medium-size_3-of-5,
.nds-medium-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-medium-size_4-of-5,
.nds-medium-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-medium-size_5-of-5,
.nds-medium-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-6,
.nds-medium-size--0-of-6 {
    display: none;
  }

  .nds-medium-size_1-of-6,
.nds-medium-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-medium-size_2-of-6,
.nds-medium-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-medium-size_3-of-6,
.nds-medium-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-medium-size_4-of-6,
.nds-medium-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-medium-size_5-of-6,
.nds-medium-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-medium-size_6-of-6,
.nds-medium-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-7,
.nds-medium-size--0-of-7 {
    display: none;
  }

  .nds-medium-size_1-of-7,
.nds-medium-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-medium-size_2-of-7,
.nds-medium-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-medium-size_3-of-7,
.nds-medium-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-medium-size_4-of-7,
.nds-medium-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-medium-size_5-of-7,
.nds-medium-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-medium-size_6-of-7,
.nds-medium-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-medium-size_7-of-7,
.nds-medium-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-8,
.nds-medium-size--0-of-8 {
    display: none;
  }

  .nds-medium-size_1-of-8,
.nds-medium-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-medium-size_2-of-8,
.nds-medium-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-medium-size_3-of-8,
.nds-medium-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-medium-size_4-of-8,
.nds-medium-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-medium-size_5-of-8,
.nds-medium-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-medium-size_6-of-8,
.nds-medium-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-medium-size_7-of-8,
.nds-medium-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-medium-size_8-of-8,
.nds-medium-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-size_0-of-12,
.nds-medium-size--0-of-12 {
    display: none;
  }

  .nds-medium-size_1-of-12,
.nds-medium-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-medium-size_2-of-12,
.nds-medium-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-medium-size_3-of-12,
.nds-medium-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-medium-size_4-of-12,
.nds-medium-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-medium-size_5-of-12,
.nds-medium-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-medium-size_6-of-12,
.nds-medium-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-medium-size_7-of-12,
.nds-medium-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-medium-size_8-of-12,
.nds-medium-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-medium-size_9-of-12,
.nds-medium-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-medium-size_10-of-12,
.nds-medium-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-medium-size_11-of-12,
.nds-medium-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-medium-size_12-of-12,
.nds-medium-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-medium-order_1,
.nds-medium-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-medium-order_2,
.nds-medium-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-medium-order_3,
.nds-medium-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-medium-order_4,
.nds-medium-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-medium-order_5,
.nds-medium-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-medium-order_6,
.nds-medium-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-medium-order_7,
.nds-medium-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-medium-order_8,
.nds-medium-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-medium-order_9,
.nds-medium-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-medium-order_10,
.nds-medium-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-medium-order_11,
.nds-medium-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-medium-order_12,
.nds-medium-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (max-width: 48em) {
  .nds-max-medium-size_xx-small,
.nds-max-medium-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-max-medium-size_x-small,
.nds-max-medium-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-max-medium-size_small,
.nds-max-medium-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-max-medium-size_medium,
.nds-max-medium-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-max-medium-size_large,
.nds-max-medium-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-max-medium-size_x-large,
.nds-max-medium-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-max-medium-size_xx-large,
.nds-max-medium-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-max-medium-size_0-of-1,
.nds-max-medium-size--0-of-1 {
    display: none;
  }

  .nds-max-medium-size_1-of-1,
.nds-max-medium-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-2,
.nds-max-medium-size--0-of-2 {
    display: none;
  }

  .nds-max-medium-size_1-of-2,
.nds-max-medium-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-medium-size_2-of-2,
.nds-max-medium-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-3,
.nds-max-medium-size--0-of-3 {
    display: none;
  }

  .nds-max-medium-size_1-of-3,
.nds-max-medium-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-medium-size_2-of-3,
.nds-max-medium-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-medium-size_3-of-3,
.nds-max-medium-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-4,
.nds-max-medium-size--0-of-4 {
    display: none;
  }

  .nds-max-medium-size_1-of-4,
.nds-max-medium-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-medium-size_2-of-4,
.nds-max-medium-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-medium-size_3-of-4,
.nds-max-medium-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-medium-size_4-of-4,
.nds-max-medium-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-5,
.nds-max-medium-size--0-of-5 {
    display: none;
  }

  .nds-max-medium-size_1-of-5,
.nds-max-medium-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-max-medium-size_2-of-5,
.nds-max-medium-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-max-medium-size_3-of-5,
.nds-max-medium-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-max-medium-size_4-of-5,
.nds-max-medium-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-max-medium-size_5-of-5,
.nds-max-medium-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-6,
.nds-max-medium-size--0-of-6 {
    display: none;
  }

  .nds-max-medium-size_1-of-6,
.nds-max-medium-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-medium-size_2-of-6,
.nds-max-medium-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-medium-size_3-of-6,
.nds-max-medium-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-medium-size_4-of-6,
.nds-max-medium-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-medium-size_5-of-6,
.nds-max-medium-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-medium-size_6-of-6,
.nds-max-medium-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-7,
.nds-max-medium-size--0-of-7 {
    display: none;
  }

  .nds-max-medium-size_1-of-7,
.nds-max-medium-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-max-medium-size_2-of-7,
.nds-max-medium-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-max-medium-size_3-of-7,
.nds-max-medium-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-max-medium-size_4-of-7,
.nds-max-medium-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-max-medium-size_5-of-7,
.nds-max-medium-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-max-medium-size_6-of-7,
.nds-max-medium-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-max-medium-size_7-of-7,
.nds-max-medium-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-8,
.nds-max-medium-size--0-of-8 {
    display: none;
  }

  .nds-max-medium-size_1-of-8,
.nds-max-medium-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-max-medium-size_2-of-8,
.nds-max-medium-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-medium-size_3-of-8,
.nds-max-medium-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-max-medium-size_4-of-8,
.nds-max-medium-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-medium-size_5-of-8,
.nds-max-medium-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-max-medium-size_6-of-8,
.nds-max-medium-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-medium-size_7-of-8,
.nds-max-medium-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-max-medium-size_8-of-8,
.nds-max-medium-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-size_0-of-12,
.nds-max-medium-size--0-of-12 {
    display: none;
  }

  .nds-max-medium-size_1-of-12,
.nds-max-medium-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-max-medium-size_2-of-12,
.nds-max-medium-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-medium-size_3-of-12,
.nds-max-medium-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-medium-size_4-of-12,
.nds-max-medium-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-medium-size_5-of-12,
.nds-max-medium-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-max-medium-size_6-of-12,
.nds-max-medium-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-medium-size_7-of-12,
.nds-max-medium-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-max-medium-size_8-of-12,
.nds-max-medium-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-medium-size_9-of-12,
.nds-max-medium-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-medium-size_10-of-12,
.nds-max-medium-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-medium-size_11-of-12,
.nds-max-medium-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-max-medium-size_12-of-12,
.nds-max-medium-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-medium-order_1,
.nds-max-medium-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-max-medium-order_2,
.nds-max-medium-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-max-medium-order_3,
.nds-max-medium-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-max-medium-order_4,
.nds-max-medium-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-max-medium-order_5,
.nds-max-medium-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-max-medium-order_6,
.nds-max-medium-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-max-medium-order_7,
.nds-max-medium-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-max-medium-order_8,
.nds-max-medium-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-max-medium-order_9,
.nds-max-medium-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-max-medium-order_10,
.nds-max-medium-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-max-medium-order_11,
.nds-max-medium-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-max-medium-order_12,
.nds-max-medium-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (min-width: 64em) {
  .nds-large-size_xx-small,
.nds-large-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-large-size_x-small,
.nds-large-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-large-size_small,
.nds-large-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-large-size_medium,
.nds-large-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-large-size_large,
.nds-large-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-large-size_x-large,
.nds-large-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-large-size_xx-large,
.nds-large-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-large-size_0-of-1,
.nds-large-size--0-of-1 {
    display: none;
  }

  .nds-large-size_1-of-1,
.nds-large-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-2,
.nds-large-size--0-of-2 {
    display: none;
  }

  .nds-large-size_1-of-2,
.nds-large-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-large-size_2-of-2,
.nds-large-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-3,
.nds-large-size--0-of-3 {
    display: none;
  }

  .nds-large-size_1-of-3,
.nds-large-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-large-size_2-of-3,
.nds-large-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-large-size_3-of-3,
.nds-large-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-4,
.nds-large-size--0-of-4 {
    display: none;
  }

  .nds-large-size_1-of-4,
.nds-large-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-large-size_2-of-4,
.nds-large-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-large-size_3-of-4,
.nds-large-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-large-size_4-of-4,
.nds-large-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-5,
.nds-large-size--0-of-5 {
    display: none;
  }

  .nds-large-size_1-of-5,
.nds-large-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-large-size_2-of-5,
.nds-large-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-large-size_3-of-5,
.nds-large-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-large-size_4-of-5,
.nds-large-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-large-size_5-of-5,
.nds-large-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-6,
.nds-large-size--0-of-6 {
    display: none;
  }

  .nds-large-size_1-of-6,
.nds-large-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-large-size_2-of-6,
.nds-large-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-large-size_3-of-6,
.nds-large-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-large-size_4-of-6,
.nds-large-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-large-size_5-of-6,
.nds-large-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-large-size_6-of-6,
.nds-large-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-7,
.nds-large-size--0-of-7 {
    display: none;
  }

  .nds-large-size_1-of-7,
.nds-large-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-large-size_2-of-7,
.nds-large-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-large-size_3-of-7,
.nds-large-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-large-size_4-of-7,
.nds-large-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-large-size_5-of-7,
.nds-large-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-large-size_6-of-7,
.nds-large-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-large-size_7-of-7,
.nds-large-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-8,
.nds-large-size--0-of-8 {
    display: none;
  }

  .nds-large-size_1-of-8,
.nds-large-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-large-size_2-of-8,
.nds-large-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-large-size_3-of-8,
.nds-large-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-large-size_4-of-8,
.nds-large-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-large-size_5-of-8,
.nds-large-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-large-size_6-of-8,
.nds-large-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-large-size_7-of-8,
.nds-large-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-large-size_8-of-8,
.nds-large-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-size_0-of-12,
.nds-large-size--0-of-12 {
    display: none;
  }

  .nds-large-size_1-of-12,
.nds-large-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-large-size_2-of-12,
.nds-large-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-large-size_3-of-12,
.nds-large-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-large-size_4-of-12,
.nds-large-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-large-size_5-of-12,
.nds-large-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-large-size_6-of-12,
.nds-large-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-large-size_7-of-12,
.nds-large-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-large-size_8-of-12,
.nds-large-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-large-size_9-of-12,
.nds-large-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-large-size_10-of-12,
.nds-large-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-large-size_11-of-12,
.nds-large-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-large-size_12-of-12,
.nds-large-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-large-order_1,
.nds-large-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-large-order_2,
.nds-large-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-large-order_3,
.nds-large-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-large-order_4,
.nds-large-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-large-order_5,
.nds-large-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-large-order_6,
.nds-large-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-large-order_7,
.nds-large-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-large-order_8,
.nds-large-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-large-order_9,
.nds-large-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-large-order_10,
.nds-large-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-large-order_11,
.nds-large-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-large-order_12,
.nds-large-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
@media (max-width: 64em) {
  .nds-max-large-size_xx-small,
.nds-max-large-size--xx-small {
    width: 6rem;
    -ms-flex: 0 0 6rem;
        flex: 0 0 6rem;
    max-width: 6rem;
  }

  .nds-max-large-size_x-small,
.nds-max-large-size--x-small {
    width: 12rem;
    -ms-flex: 0 0 12rem;
        flex: 0 0 12rem;
    max-width: 12rem;
  }

  .nds-max-large-size_small,
.nds-max-large-size--small {
    width: 15rem;
    -ms-flex: 0 0 15rem;
        flex: 0 0 15rem;
    max-width: 15rem;
  }

  .nds-max-large-size_medium,
.nds-max-large-size--medium {
    width: 20rem;
    -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
    max-width: 20rem;
  }

  .nds-max-large-size_large,
.nds-max-large-size--large {
    width: 25rem;
    -ms-flex: 0 0 25rem;
        flex: 0 0 25rem;
    max-width: 25rem;
  }

  .nds-max-large-size_x-large,
.nds-max-large-size--x-large {
    width: 40rem;
    -ms-flex: 0 0 40rem;
        flex: 0 0 40rem;
    max-width: 40rem;
  }

  .nds-max-large-size_xx-large,
.nds-max-large-size--xx-large {
    width: 60rem;
    -ms-flex: 0 0 60rem;
        flex: 0 0 60rem;
    max-width: 60rem;
  }

  .nds-max-large-size_0-of-1,
.nds-max-large-size--0-of-1 {
    display: none;
  }

  .nds-max-large-size_1-of-1,
.nds-max-large-size--1-of-1 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-2,
.nds-max-large-size--0-of-2 {
    display: none;
  }

  .nds-max-large-size_1-of-2,
.nds-max-large-size--1-of-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-large-size_2-of-2,
.nds-max-large-size--2-of-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-3,
.nds-max-large-size--0-of-3 {
    display: none;
  }

  .nds-max-large-size_1-of-3,
.nds-max-large-size--1-of-3 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-large-size_2-of-3,
.nds-max-large-size--2-of-3 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-large-size_3-of-3,
.nds-max-large-size--3-of-3 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-4,
.nds-max-large-size--0-of-4 {
    display: none;
  }

  .nds-max-large-size_1-of-4,
.nds-max-large-size--1-of-4 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-large-size_2-of-4,
.nds-max-large-size--2-of-4 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-large-size_3-of-4,
.nds-max-large-size--3-of-4 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-large-size_4-of-4,
.nds-max-large-size--4-of-4 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-5,
.nds-max-large-size--0-of-5 {
    display: none;
  }

  .nds-max-large-size_1-of-5,
.nds-max-large-size--1-of-5 {
    width: 20%;
    -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    max-width: 20%;
  }

  .nds-max-large-size_2-of-5,
.nds-max-large-size--2-of-5 {
    width: 40%;
    -ms-flex: 0 0 40%;
        flex: 0 0 40%;
    max-width: 40%;
  }

  .nds-max-large-size_3-of-5,
.nds-max-large-size--3-of-5 {
    width: 60%;
    -ms-flex: 0 0 60%;
        flex: 0 0 60%;
    max-width: 60%;
  }

  .nds-max-large-size_4-of-5,
.nds-max-large-size--4-of-5 {
    width: 80%;
    -ms-flex: 0 0 80%;
        flex: 0 0 80%;
    max-width: 80%;
  }

  .nds-max-large-size_5-of-5,
.nds-max-large-size--5-of-5 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-6,
.nds-max-large-size--0-of-6 {
    display: none;
  }

  .nds-max-large-size_1-of-6,
.nds-max-large-size--1-of-6 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-large-size_2-of-6,
.nds-max-large-size--2-of-6 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-large-size_3-of-6,
.nds-max-large-size--3-of-6 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-large-size_4-of-6,
.nds-max-large-size--4-of-6 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-large-size_5-of-6,
.nds-max-large-size--5-of-6 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-large-size_6-of-6,
.nds-max-large-size--6-of-6 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-7,
.nds-max-large-size--0-of-7 {
    display: none;
  }

  .nds-max-large-size_1-of-7,
.nds-max-large-size--1-of-7 {
    width: 14.2857142857%;
    -ms-flex: 0 0 14.2857142857%;
        flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%;
  }

  .nds-max-large-size_2-of-7,
.nds-max-large-size--2-of-7 {
    width: 28.5714285714%;
    -ms-flex: 0 0 28.5714285714%;
        flex: 0 0 28.5714285714%;
    max-width: 28.5714285714%;
  }

  .nds-max-large-size_3-of-7,
.nds-max-large-size--3-of-7 {
    width: 42.8571428571%;
    -ms-flex: 0 0 42.8571428571%;
        flex: 0 0 42.8571428571%;
    max-width: 42.8571428571%;
  }

  .nds-max-large-size_4-of-7,
.nds-max-large-size--4-of-7 {
    width: 57.1428571429%;
    -ms-flex: 0 0 57.1428571429%;
        flex: 0 0 57.1428571429%;
    max-width: 57.1428571429%;
  }

  .nds-max-large-size_5-of-7,
.nds-max-large-size--5-of-7 {
    width: 71.4285714286%;
    -ms-flex: 0 0 71.4285714286%;
        flex: 0 0 71.4285714286%;
    max-width: 71.4285714286%;
  }

  .nds-max-large-size_6-of-7,
.nds-max-large-size--6-of-7 {
    width: 85.7142857143%;
    -ms-flex: 0 0 85.7142857143%;
        flex: 0 0 85.7142857143%;
    max-width: 85.7142857143%;
  }

  .nds-max-large-size_7-of-7,
.nds-max-large-size--7-of-7 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-8,
.nds-max-large-size--0-of-8 {
    display: none;
  }

  .nds-max-large-size_1-of-8,
.nds-max-large-size--1-of-8 {
    width: 12.5%;
    -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .nds-max-large-size_2-of-8,
.nds-max-large-size--2-of-8 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-large-size_3-of-8,
.nds-max-large-size--3-of-8 {
    width: 37.5%;
    -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .nds-max-large-size_4-of-8,
.nds-max-large-size--4-of-8 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-large-size_5-of-8,
.nds-max-large-size--5-of-8 {
    width: 62.5%;
    -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .nds-max-large-size_6-of-8,
.nds-max-large-size--6-of-8 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-large-size_7-of-8,
.nds-max-large-size--7-of-8 {
    width: 87.5%;
    -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .nds-max-large-size_8-of-8,
.nds-max-large-size--8-of-8 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-size_0-of-12,
.nds-max-large-size--0-of-12 {
    display: none;
  }

  .nds-max-large-size_1-of-12,
.nds-max-large-size--1-of-12 {
    width: 8.3333333333%;
    -ms-flex: 0 0 8.3333333333%;
        flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .nds-max-large-size_2-of-12,
.nds-max-large-size--2-of-12 {
    width: 16.6666666667%;
    -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .nds-max-large-size_3-of-12,
.nds-max-large-size--3-of-12 {
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%;
  }

  .nds-max-large-size_4-of-12,
.nds-max-large-size--4-of-12 {
    width: 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .nds-max-large-size_5-of-12,
.nds-max-large-size--5-of-12 {
    width: 41.6666666667%;
    -ms-flex: 0 0 41.6666666667%;
        flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .nds-max-large-size_6-of-12,
.nds-max-large-size--6-of-12 {
    width: 50%;
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%;
  }

  .nds-max-large-size_7-of-12,
.nds-max-large-size--7-of-12 {
    width: 58.3333333333%;
    -ms-flex: 0 0 58.3333333333%;
        flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .nds-max-large-size_8-of-12,
.nds-max-large-size--8-of-12 {
    width: 66.6666666667%;
    -ms-flex: 0 0 66.6666666667%;
        flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .nds-max-large-size_9-of-12,
.nds-max-large-size--9-of-12 {
    width: 75%;
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%;
  }

  .nds-max-large-size_10-of-12,
.nds-max-large-size--10-of-12 {
    width: 83.3333333333%;
    -ms-flex: 0 0 83.3333333333%;
        flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .nds-max-large-size_11-of-12,
.nds-max-large-size--11-of-12 {
    width: 91.6666666667%;
    -ms-flex: 0 0 91.6666666667%;
        flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .nds-max-large-size_12-of-12,
.nds-max-large-size--12-of-12 {
    width: 100%;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%;
  }

  .nds-max-large-order_1,
.nds-max-large-order--1 {
    -ms-flex-order: 1;
        order: 1;
  }

  .nds-max-large-order_2,
.nds-max-large-order--2 {
    -ms-flex-order: 2;
        order: 2;
  }

  .nds-max-large-order_3,
.nds-max-large-order--3 {
    -ms-flex-order: 3;
        order: 3;
  }

  .nds-max-large-order_4,
.nds-max-large-order--4 {
    -ms-flex-order: 4;
        order: 4;
  }

  .nds-max-large-order_5,
.nds-max-large-order--5 {
    -ms-flex-order: 5;
        order: 5;
  }

  .nds-max-large-order_6,
.nds-max-large-order--6 {
    -ms-flex-order: 6;
        order: 6;
  }

  .nds-max-large-order_7,
.nds-max-large-order--7 {
    -ms-flex-order: 7;
        order: 7;
  }

  .nds-max-large-order_8,
.nds-max-large-order--8 {
    -ms-flex-order: 8;
        order: 8;
  }

  .nds-max-large-order_9,
.nds-max-large-order--9 {
    -ms-flex-order: 9;
        order: 9;
  }

  .nds-max-large-order_10,
.nds-max-large-order--10 {
    -ms-flex-order: 10;
        order: 10;
  }

  .nds-max-large-order_11,
.nds-max-large-order--11 {
    -ms-flex-order: 11;
        order: 11;
  }

  .nds-max-large-order_12,
.nds-max-large-order--12 {
    -ms-flex-order: 12;
        order: 12;
  }
}
/**
 * @summary Global margin that can be applied to any element
 *
 * @selector .nds-has-buffer
 * @modifier
 */
.nds-has-buffer {
  margin: 0.75rem;
}

/**
 * @summary Global margin reset that can be applied to any element
 *
 * @selector .nds-has-full-bleed
 * @modifier
 */
.nds-has-full-bleed {
  margin: 0;
}

/**
 * @summary Assumes element below is connected
 *
 * @selector .nds-has-bottom-magnet
 * @modifier
 */
.nds-has-bottom-magnet {
  /* stylelint-disable declaration-no-important */
  margin-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  /* stylelint-enable declaration-no-important */
}

/**
 * @summary Assumes element above is connected
 *
 * @selector .nds-has-top-magnet
 * @modifier
 */
.nds-has-top-magnet {
  /* stylelint-disable declaration-no-important */
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  /* stylelint-enable declaration-no-important */
}

.nds-has-top-magnet.nds-has-buffer {
  margin-bottom: 0;
  border-radius: 0;
  border-top: 0;
  box-shadow: none;
}

/**
 * @summary Reset positioning back to normal behavior
 *
 * @name static
 * @selector .nds-is-static
 * @modifier
 */
.nds-is-static {
  position: static;
}

/**
 * @summary Used to contain children if children are absolutely positioned and out of flow. Also used to position element without changing layout.
 *
 * @name relative
 * @selector .nds-is-relative
 * @modifier
 */
.nds-is-relative {
  position: relative;
}

/**
 * @summary Used to position an element relative to the viewport.
 *
 * @name fixed
 * @selector .nds-is-fixed
 * @modifier
 */
.nds-is-fixed {
  position: fixed;
}

/**
 * @summary Used to position an element relative to its closest ancestor with relative positioning.
 *
 * @name absolute
 * @selector .nds-is-absolute
 * @modifier
 */
.nds-is-absolute {
  position: absolute;
}

.nds-omni-typeahead:not(.is-edit-mode) ~ * {
  display: none;
}

.nds-omni-lookup input {
  color: transparent;
  text-shadow: 0 0 0 #1b1b1b;
}

/**
* This styles overrides the lightning-file-upload styles that can't be customized on the component
*/
.nds-card .slds-file-selector.slds-file-selector_files {
  width: 100%;
}

.nds-card .slds-file-selector__dropzone {
  border: 0;
  width: 100%;
  overflow: hidden;
}

.nds-card .omni-file-input .slds-form-element__label {
  display: none;
}

.nds-card .omni-file-input .slds-file-selector__body {
  white-space: nowrap;
}

.nds-card .omni-file-input .slds-file-selector__button {
  white-space: nowrap;
}

.nds-flexipage-container_small [class*=nds-medium-size],
.nds-flexipage-container_small [class*=nds-large-size] {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-flexipage-container_small .nds-order_1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-flexipage-container_small .nds-order_2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-flexipage-container_small .nds-order_3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-flexipage-container_small .nds-order_4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-flexipage-container_small .nds-order_5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-flexipage-container_small .nds-order_6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-flexipage-container_small .nds-order_7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-flexipage-container_small .nds-order_8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-flexipage-container_small .nds-order_9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-flexipage-container_small .nds-order_10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-flexipage-container_small .nds-order_11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-flexipage-container_small .nds-order_12 {
  -ms-flex-order: 12;
      order: 12;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_1-of-12 {
  width: 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_2-of-12 {
  width: 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_3-of-12 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_4-of-12 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_5-of-12 {
  width: 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_6-of-12 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_7-of-12 {
  width: 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_8-of-12 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_9-of-12 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_10-of-12 {
  width: 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_11-of-12 {
  width: 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-size_12-of-12 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_1-of-12 {
  width: 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_2-of-12 {
  width: 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_3-of-12 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_4-of-12 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_5-of-12 {
  width: 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_6-of-12 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_7-of-12 {
  width: 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_8-of-12 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_9-of-12 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_10-of-12 {
  width: 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_11-of-12 {
  width: 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-size_12-of-12 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-flexipage-container_small .nds-modal__container .nds-medium-order_12 {
  -ms-flex-order: 12;
      order: 12;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-flexipage-container_small .nds-modal__container .nds-large-order_12 {
  -ms-flex-order: 12;
      order: 12;
}

.nds-flexipage-container_small .omniscript-sfl-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.nds-flexipage-container_medium [class*=nds-large-size] {
  width: 100%;
}

.nds-flexipage-container_medium .nds-medium-order_1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-flexipage-container_medium .nds-medium-order_2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-flexipage-container_medium .nds-medium-order_3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-flexipage-container_medium .nds-medium-order_4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-flexipage-container_medium .nds-medium-order_5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-flexipage-container_medium .nds-medium-order_6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-flexipage-container_medium .nds-medium-order_7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-flexipage-container_medium .nds-medium-order_8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-flexipage-container_medium .nds-medium-order_9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-flexipage-container_medium .nds-medium-order_10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-flexipage-container_medium .nds-medium-order_11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-flexipage-container_medium .nds-medium-order_12 {
  -ms-flex-order: 12;
      order: 12;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_1-of-12 {
  width: 8.3333333333%;
  -ms-flex: 0 0 8.3333333333%;
      flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_2-of-12 {
  width: 16.6666666667%;
  -ms-flex: 0 0 16.6666666667%;
      flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_3-of-12 {
  width: 25%;
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_4-of-12 {
  width: 33.3333333333%;
  -ms-flex: 0 0 33.3333333333%;
      flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_5-of-12 {
  width: 41.6666666667%;
  -ms-flex: 0 0 41.6666666667%;
      flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_6-of-12 {
  width: 50%;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_7-of-12 {
  width: 58.3333333333%;
  -ms-flex: 0 0 58.3333333333%;
      flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_8-of-12 {
  width: 66.6666666667%;
  -ms-flex: 0 0 66.6666666667%;
      flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_9-of-12 {
  width: 75%;
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_10-of-12 {
  width: 83.3333333333%;
  -ms-flex: 0 0 83.3333333333%;
      flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_11-of-12 {
  width: 91.6666666667%;
  -ms-flex: 0 0 91.6666666667%;
      flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-size_12-of-12 {
  width: 100%;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_1 {
  -ms-flex-order: 1;
      order: 1;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_2 {
  -ms-flex-order: 2;
      order: 2;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_3 {
  -ms-flex-order: 3;
      order: 3;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_4 {
  -ms-flex-order: 4;
      order: 4;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_5 {
  -ms-flex-order: 5;
      order: 5;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_6 {
  -ms-flex-order: 6;
      order: 6;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_7 {
  -ms-flex-order: 7;
      order: 7;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_8 {
  -ms-flex-order: 8;
      order: 8;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_9 {
  -ms-flex-order: 9;
      order: 9;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_10 {
  -ms-flex-order: 10;
      order: 10;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_11 {
  -ms-flex-order: 11;
      order: 11;
}

.nds-flexipage-container_medium .slds-modal__container .nds-large-order_12 {
  -ms-flex-order: 12;
      order: 12;
}

.nds-read-only {
  cursor: not-allowed;
}

.nds-read-only [data-omni-input] {
  pointer-events: none;
}

/* stylelint-disable declaration-no-important */
/**
 * @summary Hides an element yet enables a screen reader to read the element that is hidden
 *
 * @selector .nds-assistive-text
 * @notes This should be used over other methods when you don't want to hide from screenreaders
 * @modifier
 */
.nds-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

/**
 * @summary Enables `.nds-assistive-text` to become visible on focus
 *
 * @selector .nds-assistive-text_focus
 * @restrict .nds-assistive-text
 * @modifier
 */
.nds-assistive-text_focus:focus,
.nds-assistive-text--focus:focus {
  margin: inherit !important;
  border: inherit !important;
  padding: inherit !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
}

/**
 * @summary Hides elements inside a parent
 *
 * @selector .nds-is-collapsed
 * @modifier
 */
.nds-is-collapsed {
  height: 0;
  overflow: hidden;
}

.nds-collapsed {
  height: 0;
  overflow: hidden;
}

/**
 * @summary Shows the elements inside the parent
 *
 * @selector .nds-is-collapsed
 * @modifier
 */
.nds-is-expanded {
  height: auto;
  overflow: visible;
}

.nds-expanded {
  height: auto;
  overflow: visible;
}

/**
 * @summary Hides an element from the page by setting the visibility property to `hidden`
 *
 * @selector .nds-hidden
 * @notes An element hidden with this class will reserve the normal space on the page and will not be announced by screenreaders.
 * @modifier
 */
.nds-hidden {
  visibility: hidden;
}

/**
 * @summary Shows the element by setting the visibility property to `visible`
 *
 * @selector .nds-visible
 * @notes This is toggled on the element. `.nds-hidden` class is removed and `.nds-visible` is added.
 * @modifier
 */
.nds-visible {
  visibility: visible;
}

/**
 * @summary Hides an element from the page by setting display propery to `none`
 *
 * @selector .nds-hide
 * @notes An element hidden with this class will take up no space on the page and will not be announced by screenreaders.
 * @modifier
 */
.nds-hide {
  display: none;
}

/**
 * @summary Shows the element by setting display property to `block`
 *
 * @selector .nds-show
 * @notes This is toggled on the element. `.nds-hide` class is removed and `.nds-show` is added.
 * @modifier
 */
.nds-show {
  display: block;
}

/**
 * @summary Shows the element by setting display to `inline-block`
 *
 * @selector .nds-show_inline-block
 * @notes This is toggled on the element. `.nds-hide` class is removed and `.nds-show--inline-block` is added.
 * @modifier
 */
.nds-show_inline-block,
.nds-show--inline-block {
  display: inline-block;
}

/**
 * @summary Shows the element by setting display to `inline`
 *
 * @selector .nds-show_inline
 * @notes This is toggled on the element. `.nds-hide` class is removed and `.nds-show--inline` is added.
 * @modifier
 */
.nds-show_inline,
.nds-show--inline {
  display: inline;
}

/**
 * @summary Hides an element from the page by setting the opacity property set to `0`
 *
 * @selector .transition-hide
 * @notes This works like the `.nds-hidden` class and reserves the space but allows you to add the `transition` property to transition the speed that it is shown or hidden.
 * @modifier
 */
.nds-transition-hide {
  opacity: 0;
}

/**
 * @summary Shows the element using the opacity property set to `1`
 *
 * @selector .transition-show
 * @notes This is toggled on the element. `.nds-transition-hide` class is removed and `.nds-transition-show` is added.
 * @modifier
 */
.nds-transition-show {
  opacity: 1;
}

.nds-x-small {
  /* Allow class interpolation with parent selector for easier utility class generation */
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}

.nds-x-small-show {
  display: none;
}

@media (min-width: 320px) {
  .nds-x-small-show {
    display: block;
  }

  .nds-x-small-show_inline-block, .nds-x-small-show--inline-block {
    display: inline-block;
  }

  .nds-x-small-show_inline, .nds-x-small-show--inline {
    display: inline;
  }
}
.nds-x-small-show-only {
  display: none;
}

@media (min-width: 320px) and (max-width: 479px) {
  .nds-x-small-show-only {
    display: block;
  }

  .nds-x-small-show-only_inline-block, .nds-x-small-show-only--inline-block {
    display: inline-block;
  }

  .nds-x-small-show-only_inline, .nds-x-small-show-only--inline {
    display: inline;
  }
}
@media (max-width: 479px) {
  .nds-max-x-small-hide {
    display: none;
  }
}
.nds-small {
  /* Allow class interpolation with parent selector for easier utility class generation */
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}

.nds-small-show {
  display: none;
}

@media (min-width: 480px) {
  .nds-small-show {
    display: block;
  }

  .nds-small-show_inline-block, .nds-small-show--inline-block {
    display: inline-block;
  }

  .nds-small-show_inline, .nds-small-show--inline {
    display: inline;
  }
}
.nds-small-show-only {
  display: none;
}

@media (min-width: 480px) and (max-width: 767px) {
  .nds-small-show-only {
    display: block;
  }

  .nds-small-show-only_inline-block, .nds-small-show-only--inline-block {
    display: inline-block;
  }

  .nds-small-show-only_inline, .nds-small-show-only--inline {
    display: inline;
  }
}
@media (max-width: 767px) {
  .nds-max-small-hide {
    display: none;
  }
}
.nds-medium {
  /* Allow class interpolation with parent selector for easier utility class generation */
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}

.nds-medium-show {
  display: none;
}

@media (min-width: 768px) {
  .nds-medium-show {
    display: block;
  }

  .nds-medium-show_inline-block, .nds-medium-show--inline-block {
    display: inline-block;
  }

  .nds-medium-show_inline, .nds-medium-show--inline {
    display: inline;
  }
}
.nds-medium-show-only {
  display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .nds-medium-show-only {
    display: block;
  }

  .nds-medium-show-only_inline-block, .nds-medium-show-only--inline-block {
    display: inline-block;
  }

  .nds-medium-show-only_inline, .nds-medium-show-only--inline {
    display: inline;
  }
}
@media (max-width: 1023px) {
  .nds-max-medium-hide {
    display: none;
  }
}
.nds-large {
  /* Allow class interpolation with parent selector for easier utility class generation */
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}

.nds-large-show {
  display: none;
}

@media (min-width: 1024px) {
  .nds-large-show {
    display: block;
  }

  .nds-large-show_inline-block, .nds-large-show--inline-block {
    display: inline-block;
  }

  .nds-large-show_inline, .nds-large-show--inline {
    display: inline;
  }
}
@media (min-width: 320px) {
  /**
   * @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-hide_*
   * @notes Element will be displayed normally when the window is smaller
   * @modifier
   */
  .nds-hide_x-small,
.nds-hide--x-small {
    display: none !important;
  }
}
@media (max-width: 319px) {
  /**
   * @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-show_*
   * @notes Element will be displayed normally when the window is bigger
   * @modifier
   */
  .nds-show_x-small,
.nds-show--x-small {
    display: none !important;
  }
}
@media (min-width: 480px) {
  /**
   * @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-hide_*
   * @notes Element will be displayed normally when the window is smaller
   * @modifier
   */
  .nds-hide_small,
.nds-hide--small {
    display: none !important;
  }
}
@media (max-width: 479px) {
  /**
   * @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-show_*
   * @notes Element will be displayed normally when the window is bigger
   * @modifier
   */
  .nds-show_small,
.nds-show--small {
    display: none !important;
  }
}
@media (min-width: 768px) {
  /**
   * @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-hide_*
   * @notes Element will be displayed normally when the window is smaller
   * @modifier
   */
  .nds-hide_medium,
.nds-hide--medium {
    display: none !important;
  }
}
@media (max-width: 767px) {
  /**
   * @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-show_*
   * @notes Element will be displayed normally when the window is bigger
   * @modifier
   */
  .nds-show_medium,
.nds-show--medium {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  /**
   * @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-hide_*
   * @notes Element will be displayed normally when the window is smaller
   * @modifier
   */
  .nds-hide_large,
.nds-hide--large {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  /**
   * @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-show_*
   * @notes Element will be displayed normally when the window is bigger
   * @modifier
   */
  .nds-show_large,
.nds-show--large {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  /**
   * @summary Hides the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-hide_*
   * @notes Element will be displayed normally when the window is smaller
   * @modifier
   */
  .nds-hide_x-large,
.nds-hide--x-large {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  /**
   * @summary Shows the element when the window is bigger than the specific size. Sizes can be: x-small, small, medium, large, and * x-large.
   *
   * @selector .nds-show_*
   * @notes Element will be displayed normally when the window is bigger
   * @modifier
   */
  .nds-show_x-large,
.nds-show--x-large {
    display: none !important;
  }
}
/**
 * @summary If there are no other points in the line that can be broken (such as spaces or hyphens), this will break a long word to avoid overflow.
 *
 * @selector .nds-break-word
 * @modifier
 */
.nds-break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/**
 * @summary z-index utility class for z-index value of 1
 *
 * @selector .nds-z-1
 * @modifier
 */
.nds-z_1 {
  z-index: 1;
}

/**
 * @summary z-index utility class for z-index value of 0
 *
 * @selector .nds-z-0
 * @modifier
 */
.nds-z_0 {
  z-index: 0;
}

/**
 * @summary z-index utility class for z-index value of -1
 *
 * @selector .nds-z_-1
 * @modifier
 */
.nds-z_-1 {
  z-index: -1;
}

/* stylelint-disable selector-class-pattern */
ng-form {
  display: inline-block;
  width: 100%;
}

ng-form .ng-valid span.nds-required {
  color: #50e3c2;
}

ng-form.nds-m-bottom_large {
  margin-bottom: 0.5rem;
}

section.nds-page-header {
  border: 0;
  box-shadow: none;
  background: #fff;
}

.vlocity-newport-file-selector {
  width: 100%;
  display: block;
}

p[vlc-bind-html],
.nds-text-block {
  color: #1b1b1b;
  word-break: normal;
  font-family: Open Sans;
}

p[vlc-bind-html] p,
p[vlc-bind-html] span,
.nds-text-block p,
.nds-text-block span {
  font-size: 14px;
  color: #1b1b1b;
  font-weight: normal;
  padding: 0 0 3px;
}

.vlc-typeahead-newopt-displaynone {
  display: none;
}

.vlc-typeahead-gmap {
  display: none;
  height: 250px;
  top: 0.5rem;
  margin-bottom: 0.5rem;
}

hr[ng-if="!isPreviewEmbedded"] {
  display: none;
}

a[ng-if="!isPreviewEmbedded && (!isSforce || (isSforce && !sforce.one))"] {
  position: fixed;
  top: 0;
  z-index: 7000;
  right: 1rem;
  font-weight: 400;
  font-size: 0.875rem;
}

.nds-box.nds-remote-action__container {
  top: 43vh;
  left: 39vw;
  border: 1px solid #e71313;
  font-size: 1rem;
}

.nds-box.nds-remote-action__container p {
  margin: 10px 0;
}

.nds-box.nds-remote-action__container p:first-child {
  font-weight: 700;
  font-size: 1rem;
}

.nds-box.nds-remote-action__container p:last-child button {
  text-transform: capitalize;
  border-radius: 0;
  color: #49739c;
  font-weight: 700;
}

.step-step .nds-align--absolute-center h1.nds-truncate {
  font-size: 25px;
  font-weight: 600;
  display: block;
}

.step-step .nds-form-element__control-help {
  color: #556a8c;
  font-size: 0.75rem;
  font-weight: 300;
}

.step-step .nds-form-element__control .nds-select_container {
  position: relative;
  top: -0.1rem;
}

.step-step .nds-form-element__control .nds-select_container + label {
  position: relative;
  top: -3.5rem;
}

.step-step .nds-form-element__control a[vlc-slds-tool-tip],
.step-step .nds-select-wrapper a[vlc-slds-tool-tip],
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip] {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}

.step-step .nds-form-element__control a[vlc-slds-tool-tip] + .vlc-slds--tooltip,
.step-step .nds-form-element__control a[vlc-slds-tool-tip] + .vlc-slds_tooltip,
.step-step .nds-select-wrapper a[vlc-slds-tool-tip] + .vlc-slds--tooltip,
.step-step .nds-select-wrapper a[vlc-slds-tool-tip] + .vlc-slds_tooltip,
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip] + .vlc-slds--tooltip,
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip] + .vlc-slds_tooltip {
  display: none;
}

.step-step .nds-form-element__control a[vlc-slds-tool-tip]:hover + .vlc-slds--tooltip, .step-step .nds-form-element__control a[vlc-slds-tool-tip]:hover + .vlc-slds_tooltip,
.step-step .nds-select-wrapper a[vlc-slds-tool-tip]:hover + .vlc-slds--tooltip,
.step-step .nds-select-wrapper a[vlc-slds-tool-tip]:hover + .vlc-slds_tooltip,
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip]:hover + .vlc-slds--tooltip,
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip]:hover + .vlc-slds_tooltip {
  display: block;
}

@media screen and (max-width: 50em) {
  .step-step .nds-form-element__control a[vlc-slds-tool-tip],
.step-step .nds-select-wrapper a[vlc-slds-tool-tip],
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip] {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.9rem;
  }
}
.step-step .nds-form--multi-input__container a[vlc-slds-tool-tip],
.step-step .nds-select-wrapper a[vlc-slds-tool-tip],
.step-step .nds-typeahead-block-container a[vlc-slds-tool-tip] {
  height: 2rem;
}

.nds-control-action__container {
  display: inline-block;
  z-index: 1;
  white-space: nowrap;
  position: relative;
  top: -0.15rem;
  margin-left: 5px;
}

.nds-control-action__container svg {
  cursor: pointer;
}

ul.nds-dropdown-list {
  position: absolute;
  border: 2px solid #eee;
  border-top: 0;
  z-index: 7000;
  top: 2rem;
  width: 100%;
  border-radius: 0.25rem;
  box-shadow: 0 15px 10px -15px #111;
}

ul.nds-dropdown-list li {
  background-color: #fff;
  font-weight: 400;
  padding: 0.4rem 1rem;
  letter-spacing: 1px;
  color: #4d5b72;
  cursor: pointer;
}

ul.nds-dropdown-list li:hover {
  background-color: #eee;
}

.nds-cont-wrapper {
  position: relative;
  width: 100%;
}

.nds-cursor-pointer {
  cursor: pointer;
}

.nds-form--multi-input__container .nds-control-action__container {
  top: 0.35rem;
}

.nds-popover.nds-popover_tooltip .nds-popover__body {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nds-modal_custom .nds-modal {
  outline: none;
}

.nds-modal_custom .nds-modal .nds-modal__container {
  max-width: 55rem;
  width: 90%;
}

.nds-modal_custom .nds-modal .nds-modal__container .nds-modal__content {
  border-radius: 0;
  height: 78vh;
}

.nds-modal_custom .nds-modal .nds-modal__container .nds-modal__header {
  border-bottom: unset;
  text-align: unset;
}

.nds-modal_custom .nds-modal .nds-modal__container .nds-modal__footer {
  border-top: unset;
  padding-top: unset;
  padding-bottom: 1rem;
  background: #fff;
}

.nds-modal_custom .nds-modal .nds-modal__container .nds-modal__footer .nds-button_neutral {
  padding-left: 3rem;
  padding-right: 3rem;
  height: 2.5rem;
}

.nds-modal_custom .nds-modal .nds-modal__container .nds-modal__footer .nds-editblock_expand-modal {
  display: inline-block;
  height: 14px;
  position: relative;
  bottom: -2.6rem;
  left: 1rem;
  width: 4%;
  cursor: se-resize;
  float: right;
}

.nds-modal__container .nds-modal__content {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 30em) {
  .nds-modal_custom .nds-modal .nds-modal__container .nds-modal__content {
    min-height: 26rem;
  }
}
.nds-modal .nds-modal__container .nds-theme_info .nds-text-heading_medium,
.nds-modal .nds-modal__container .nds-theme_error .nds-text-heading_medium {
  color: #fff;
}

.nds-modal .nds-modal__container .nds-theme_info {
  background-color: #54698d;
}

.nds-modal .nds-modal__container .nds-theme_error {
  background-color: #e71313;
}

.nds-modal__container .nds-modal__content ng-form,
.nds-modal__container .nds-modal__content form {
  padding-top: 0;
  margin-bottom: 0.5rem;
}

.nds-element_text-font {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: #556a8c;
}

.nds-button_text-font {
  letter-spacing: 1px;
  font-size: 0.75rem;
  font-weight: 300;
}

div[msg=Success] .nds-icon_container_circle {
  border: 3px solid #64bcb8;
  padding: 0.2rem;
}

div[msg=Success] .nds-icon_container_circle .nds-icon {
  fill: #64bcb8;
}

div[msg=Warning] .nds-icon_container_circle {
  border: 3px solid #efb755;
  padding: 0.2rem;
}

div[msg=Warning] .nds-icon_container_circle .nds-icon {
  position: relative;
  top: -0.16rem;
  fill: #efb755;
}

div[msg=Requirement] .nds-icon_container_circle {
  border: 3px solid #d25640;
  padding: 0.2rem;
}

div[msg=Requirement] .nds-icon_container_circle .nds-icon {
  fill: #d25640;
}

div[msg=Comment] .nds-icon_container_circle {
  border: 3px solid #75b4e0;
  padding: 0.2rem;
}

div[msg=Comment] .nds-icon_container_circle .nds-icon {
  fill: #75b4e0;
}

/* ====== */
span[vlc-slds-pop-over] {
  position: relative;
  white-space: normal;
}

.nds-input.ng-pristine ~ small.helpText,
.nds-input.ng-valid ~ small.helpText,
.nds-textarea.ng-pristine ~ small.helpText,
.nds-textarea.ng-valid ~ small.helpText,
.nds-select.ng-valid ~ small.helpText {
  display: none;
}

.nds-select ~ small.helpText,
.vlc-slds-lookup ~ small.helpText,
.vlc-slds-time-picker ~ small.helpText {
  position: absolute;
  top: 0;
  right: 30px;
}

.nds-input:focus ~ small.helpText,
.nds-textarea:focus ~ small.helpText,
.nds-select:focus ~ small.helpText {
  display: inline;
}

.vlc-slds--tooltip {
  position: absolute;
  top: 0;
  pointer-events: none;
}

.nds-nubbin--top-right:before, .nds-nubbin--top-right:after {
  left: auto;
  right: 1.5rem;
}

.nds-step_label {
  min-height: 84px;
  font-family: Montserrat-Black;
  font-size: 35px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #003da5;
}

/* =============== */
.typeahead.dropdown-menu {
  /* stylelint-disable declaration-no-important */
  position: absolute !important;
  /* stylelint-enable declaration-no-important */
  border: 2px solid #eee;
  border-top: 0;
  z-index: 7000;
  /* stylelint-disable declaration-no-important */
  top: 2rem !important;
  /* stylelint-enable declaration-no-important */
  width: 100%;
  border-radius: 0.25rem;
  box-shadow: 0 15px 10px -15px #111;
}

.typeahead.dropdown-menu li {
  background-color: #fff;
  font-weight: 400;
  padding: 0.4rem 1rem;
  letter-spacing: 1px;
  color: #4d5b72;
  cursor: pointer;
}

.typeahead.dropdown-menu li a {
  color: inherit;
}

.typeahead.dropdown-menu li:hover {
  background-color: #eee;
}

.typeahead.dropdown-menu li a:hover,
.typeahead.dropdown-menu li a:focus {
  text-decoration: none;
  color: inherit;
}

.nds-header__mobile-only {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: #f5f7f8;
  z-index: 9000;
}

.nds-header__mobile-only svg {
  fill: #1564bf;
  margin-top: -0.1875rem;
  width: 1rem;
  height: 1rem;
}

.nds-step__prev-link,
.nds-step__next-link {
  width: 8rem;
  overflow: hidden;
  white-space: nowrap;
}

.nds-step__link-button {
  font-size: 0.875rem;
  text-transform: capitalize;
  color: #1564bf;
  font-weight: 400;
}

.nds-progress__list-mobile {
  width: 100%;
}

.nds-progress__list-mobile .nds-custom-step__progress {
  height: 0.25rem;
  position: relative;
  background: #d8dde6;
  width: 80%;
}

.nds-progress__list-mobile .nds-custom-step__progress span.nds-custom-step__progress-fill {
  background: #1564bf;
  width: 50%;
  display: block;
  height: 100%;
}

.nds-page-header.nds-m-top_x-small {
  display: block;
}

@media only screen and (max-width: 30em) {
  .nds-page-header.nds-m-top_x-small {
    display: none;
  }
}
button.nds-step__prev-link:disabled span,
button.nds-step__prev-link[disabled] span,
button.nds-step__next-link:disabled span,
button.nds-step__next-link[disabled] span {
  color: #d9dbdd;
}

button.nds-step__prev-link:disabled svg,
button.nds-step__prev-link[disabled] svg,
button.nds-step__next-link:disabled svg,
button.nds-step__next-link[disabled] svg {
  fill: #d9dbdd;
}

.nds-tooltip_container {
  display: inline-block;
}

.nds-nonfocused_control {
  position: relative;
}

.nds-nonfocused_control .nds-is-absolute {
  display: none;
}

.nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom {
  left: calc(-50% + 12px);
  max-width: 30rem;
  white-space: nowrap;
  top: -4.3rem;
}

.nds-file-selector.nds-file-custom-selector + .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom {
  left: calc(-100% - 10px);
  max-width: 30rem;
  white-space: nowrap;
  top: -1.6875rem;
}

.nds-file-selector.nds-file-custom-selector + .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:before, .nds-file-selector.nds-file-custom-selector + .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 100%;
  bottom: 0;
  margin-left: -9px;
  top: 25%;
}

.nds-nonfocused_control svg {
  margin-top: -6px;
  width: 1.2rem;
  height: 1.2rem;
  cursor: pointer;
}

.nds-nonfocused_control svg:hover + .nds-is-absolute {
  display: block;
}

.vlc-slds-filter__item {
  display: -ms-flexbox;
  display: flex;
  margin: auto 0;
}

.vlc-slds-filter__item:first-child {
  margin-top: -15px;
}

.vlc-slds-filter__item .vlc-slds-select_filter-control,
.vlc-slds-filter__item .vlc-slds-multiSelect-filter-control {
  border-bottom: 1px solid #cfd7e6;
  padding: 15px 0;
}

.nds-select_filter-button {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-direction: row;
      flex-direction: row;
  padding: 15px 0;
}

.nds-select_filter-control,
.nds-multiSelect_filter-control {
  padding: 15px 0;
}

.nds-multiSelect_filter-control ul[horizontalmode=true] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0;
}

.nds-multiSelect_filter-control ul[horizontalmode=true] > li {
  -ms-flex-positive: 0;
      flex-grow: 0;
  margin: 0.5rem 1rem 0.5rem 0;
}

.nds-form-element.nds-multiSelect_filter-control .nds-form-element__label {
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: 400;
  color: #556a8c;
}

.nds-multiSelect_filter-control ul[horizontalmode=true] li .nds-checkbox span.nds-form-element__label {
  letter-spacing: 1px;
  color: #556a8c;
  font-size: 0.75rem;
  font-weight: 300;
}

#debug-panel {
  display: none;
}

.nds-block label > span.nds-required {
  margin-left: 0;
}

.nds-disable_svg-icon {
  pointer-events: none;
  opacity: 0.5;
}

.nds-form--multi-input__container .nds-tooltip_container .nds-nonfocused_control svg.slds-icon {
  margin-top: 10px;
  width: 1.2rem;
  height: 1.2rem;
  fill: #54698d;
  cursor: pointer;
}

.nds-lookup .nds-tooltip_container .nds-nonfocused_control {
  margin-top: 0.25rem;
  margin-left: 0.375rem;
}

.nds-form--multi-input__container .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom,
.nds-lookup .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom {
  left: calc(-100% - 10px);
  max-width: 30rem;
  white-space: nowrap;
  top: -1.6875rem;
}

.nds-form--multi-input__container .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:before,
.nds-form--multi-input__container .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:after,
.nds-lookup .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:before,
.nds-lookup .nds-tooltip_container .nds-nonfocused_control .nds-is-absolute .nds-popover.nds-popover_tooltip.nds-nubbin_bottom:after {
  width: 1rem;
  height: 1rem;
  position: absolute;
  transform: rotate(45deg);
  content: "";
  background-color: inherit;
  left: 100%;
  bottom: 0;
  margin-left: -9px;
  top: 25%;
}

@media only screen and (min-width: 64em) {
  .nds-table_bordered:not(.nds-no-row-hover) tbody tr:hover > td:not(.nds-is-selected),
.nds-table_bordered:not(.nds-no-row-hover) tbody tr:hover > th:not(.nds-is-selected),
.nds-table_bordered:not(.nds-no-row-hover) tbody tr:focus > td:not(.nds-is-selected),
.nds-table_bordered:not(.nds-no-row-hover) tbody tr:focus > th:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:hover > td:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:hover > th:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:focus > td:not(.nds-is-selected),
.nds-table--bordered:not(.nds-no-row-hover) tbody tr:focus > th:not(.nds-is-selected) {
    box-shadow: #7f7f7f 0 -1px 0 inset, #7f7f7f 0 1px 0 inset;
  }
}
@media only screen and (min-width: 64em) {
  .nds-table:not(.nds-no-row-hover) tbody tr:hover > td,
.nds-table:not(.nds-no-row-hover) tbody tr:hover > th,
.nds-table:not(.nds-no-row-hover) tbody tr:focus > td,
.nds-table:not(.nds-no-row-hover) tbody tr:focus > th {
    background-color: #fafaf9;
  }
}
.nds-mob-conf svg.nds-icon {
  fill: #49739c;
}

.nds-mob-conf .nds-mob-conf__body {
  display: inline-block;
  margin-left: 0.5rem;
}

.nds-mob-conf .nds-mob-conf__body .nds-form-element__label {
  color: #49739c;
  font-size: 0.8125rem;
}

.nds-mob-conf .nds-mob-conf__body .nds-form-element__label span.nds-ref-number {
  font-weight: 700;
}

.nds-disclosure .nds-form-element__label,
.nds-range .nds-form-element__label span {
  font-size: 0.875rem;
}

form .ng-valid span.nds-required {
  color: #50e3c2;
}

.nds-label-desc {
  display: inline-block;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nds-inline-help-text .nds-is-absolute {
  right: -0.8rem;
  top: -3rem;
}

.nds-line_break {
  max-height: 0;
  line-height: 0;
}

/* stylelint-disable selector-class-pattern */
json-tree .node-step-container {
  margin-bottom: 24px;
  border: 1px solid #cfd7e6;
}

json-tree .node-parent {
  border-bottom: 1px solid #cfd7e6;
  margin: 0;
}

json-tree .node-parent:last-of-type {
  border-bottom: 0;
}

json-tree .node-child {
  /* stylelint-disable declaration-no-important */
  margin: 0 0 0 2em !important;
  /* stylelint-enable declaration-no-important */
}

json-tree .node-label {
  /* stylelint-disable declaration-no-important */
  font-weight: normal !important;
  /* stylelint-enable declaration-no-important */
}

json-tree .step-header {
  padding-left: 10px;
  font-weight: bold;
}

json-tree span.icon-v-check:before {
  display: inline;
  content: "✓";
}

json-tree span.icon-v-close:before {
  display: inline;
  content: "╳";
}

json-tree .json-formatter-row {
  font-family: monospace;
}

json-tree .json-formatter-row,
json-tree .json-formatter-row a,
json-tree .json-formatter-row a:hover {
  color: #000;
  text-decoration: none;
}

json-tree .json-formatter-row .json-formatter-row {
  margin-left: 1em;
}

json-tree .json-formatter-row .children.empty {
  opacity: 0.5;
  margin-left: 1em;
}

json-tree .json-formatter-row .children.empty.object:after {
  content: "no properties";
}

json-tree .json-formatter-row .children.empty.array:after {
  content: "[]";
}

json-tree .json-formatter-row .string {
  color: #0f0;
  white-space: pre;
  word-wrap: break-word;
}

json-tree .json-formatter-row .number {
  color: #00f;
}

json-tree .json-formatter-row .boolean {
  color: #f00;
}

json-tree .json-formatter-row .null {
  color: #855a00;
}

json-tree .json-formatter-row .undefined {
  color: #ca0b69;
}

json-tree .json-formatter-row .function {
  color: #ff20ed;
}

json-tree .json-formatter-row .date {
  background-color: rgba(0, 0, 0, 0.05);
}

json-tree .json-formatter-row .url {
  text-decoration: underline;
  color: #00f;
  cursor: pointer;
}

json-tree .json-formatter-row .bracket {
  color: #00f;
}

json-tree .json-formatter-row .key {
  color: #00008b;
  cursor: pointer;
}

json-tree .json-formatter-row .constructor-name {
  cursor: pointer;
}

json-tree .json-formatter-row .toggler {
  font-size: 0.8em;
  line-height: 1.2em;
  vertical-align: middle;
  opacity: 0.6;
  cursor: pointer;
}

json-tree .json-formatter-row .toggler:after {
  display: inline-block;
  transition: transform 100ms ease-in;
  content: "►";
}

json-tree .json-formatter-row .toggler.open:after {
  transform: rotate(90deg);
}

json-tree .json-formatter-row > a > .thumbnail-text {
  opacity: 0;
  transition: opacity 0.15s ease-in;
  font-style: italic;
}

json-tree .json-formatter-row:hover > a > .thumbnail-text {
  opacity: 0.6;
}

json-tree .json-formatter-dark.json-formatter-row {
  font-family: monospace;
}

json-tree .json-formatter-dark.json-formatter-row,
json-tree .json-formatter-dark.json-formatter-row a,
json-tree .json-formatter-dark.json-formatter-row a:hover {
  color: #fff;
  text-decoration: none;
}

json-tree .json-formatter-dark.json-formatter-row .json-formatter-row {
  margin-left: 1em;
}

json-tree .json-formatter-dark.json-formatter-row .children.empty {
  opacity: 0.5;
  margin-left: 1em;
}

json-tree .json-formatter-dark.json-formatter-row .children.empty.object:after {
  content: "no properties";
}

json-tree .json-formatter-dark.json-formatter-row .children.empty.array:after {
  content: "[]";
}

json-tree .json-formatter-dark.json-formatter-row .string {
  color: #31f031;
  white-space: pre;
  word-wrap: break-word;
}

json-tree .json-formatter-dark.json-formatter-row .number {
  color: #66c2ff;
}

json-tree .json-formatter-dark.json-formatter-row .boolean {
  color: #ec4242;
}

json-tree .json-formatter-dark.json-formatter-row .null {
  color: #eec97d;
}

json-tree .json-formatter-dark.json-formatter-row .undefined {
  color: #ef8fbe;
}

json-tree .json-formatter-dark.json-formatter-row .function {
  color: #fd48cb;
}

json-tree .json-formatter-dark.json-formatter-row .date {
  background-color: rgba(255, 255, 255, 0.05);
}

json-tree .json-formatter-dark.json-formatter-row .url {
  text-decoration: underline;
  color: #027bff;
  cursor: pointer;
}

json-tree .json-formatter-dark.json-formatter-row .bracket {
  color: #9494ff;
}

json-tree .json-formatter-dark.json-formatter-row .key {
  color: #23a0db;
  cursor: pointer;
}

json-tree .json-formatter-dark.json-formatter-row .constructor-name {
  cursor: pointer;
}

json-tree .json-formatter-dark.json-formatter-row .toggler {
  font-size: 0.8em;
  line-height: 1.2em;
  vertical-align: middle;
  opacity: 0.6;
  cursor: pointer;
}

json-tree .json-formatter-dark.json-formatter-row .toggler:after {
  display: inline-block;
  transition: transform 100ms ease-in;
  content: "►";
}

json-tree .json-formatter-dark.json-formatter-row .toggler.open:after {
  transform: rotate(90deg);
}

json-tree .json-formatter-dark.json-formatter-row > a > .thumbnail-text {
  opacity: 0;
  transition: opacity 0.15s ease-in;
  font-style: italic;
}

json-tree .json-formatter-dark.json-formatter-row:hover > a > .thumbnail-text {
  opacity: 0.6;
}

/* stylelint-disable selector-class-pattern */
.ng-hide.ng-hide-animate {
  display: none;
}

.animate-if.ng-animate.ng-hide-animate.ng-hide-add.ng-hide.ng-hide-add-active {
  display: block;
  animation: 0.5s ndsfadeout ease;
  max-height: 100px;
  overflow-y: hidden;
}

/* when showing the picture */
.animate-if.ng-hide-remove {
  animation: 0.5s ndsslideinup ease-in-out;
  animation-fill-mode: forwards;
}

.animate-if.animate-ifmod.ng-hide-remove {
  animation: 0.5s ndsslideinupmod ease-in-out;
  animation-fill-mode: forwards;
}

.animate-rev.ng-hide-add {
  animation: 0.5s ndsslideindown ease;
  display: block !important;
  overflow-y: hidden;
}

.animate-rev.ng-hide-remove {
  animation: 0.5s ndsfadeinfaster ease;
  max-height: 100px;
  animation-fill-mode: forwards;
}

@keyframes ndsfadeinfaster {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
.fadeinfaster {
  animation-name: ndsfadeinfaster;
}

@keyframes ndsslideinupmod {
  0% {
    transform: translate3d(0, 100px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideinupmod {
  animation-name: ndsslideinupmod;
}

@keyframes ndsslideinup {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -100px, 0);
  }
}
@keyframes ndsslideindown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 0.8;
  }
  to {
    transform: translate3d(0, 50px, 0);
    opacity: 0.4;
  }
}
.slideinup {
  animation-name: ndsslideinup;
}

.slideindown {
  animation-name: ndsslideindown;
}

@keyframes ndsfadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeout {
  animation-name: ndsfadeout;
}

/* stylelint-disable selector-class-pattern */
/* animates the enter leave transisitions for if */
.animate-if.ng-enter, .animate-if.ng-leave {
  /* stylelint-disable declaration-property-value-blacklist */
  transition: 0.5s linear all;
  /* stylelint-enable declaration-property-value-blacklist */
}

.animate-if.ng-enter {
  top: 100vh;
  opacity: 1;
}

.animate-if.ng-enter.ng-enter-active {
  top: 0;
  opacity: 1;
}

.animate-if.ng-leave {
  bottom: 0;
  opacity: 0.5;
}

.animate-if.ng-leave.ng-leave-active {
  transform: translateY(-100%);
  opacity: 0;
}

.animate-if-reverse.ng-enter, .animate-if-reverse.ng-leave {
  /* stylelint-disable declaration-property-value-blacklist */
  transition: 0.5s linear all;
  /* stylelint-enable declaration-property-value-blacklist */
}

.animate-if-reverse.ng-enter {
  transform: translateY(-100%);
  opacity: 1;
}

.animate-if-reverse.ng-enter.ng-enter-active {
  transform: translateY(0%);
  opacity: 0.5;
}

.animate-if-reverse.ng-leave {
  transform: translateY(-100%);
  opacity: 1;
}

.animate-if-reverse.ng-leave.ng-leave-active {
  transform: translateY(100%);
  opacity: 0.5;
}

.am-fade {
  transition: opacity 0.15s linear;
}

.am-fade.ng-enter {
  opacity: 0;
}

.am-fade.ng-enter.ng-enter-active {
  opacity: 1;
}

.am-fade.ng-leave {
  opacity: 1;
}

.am-fade.ng-leave.ng-leave-active {
  opacity: 0;
}

/**
 * @summary Initializes a card for community
 *
 * @name nds-communities-card 
 * @selector .nds-communities-card
 * @modifier
 */
.nds-communities-card {
  background: #0070d2;
  color: #fff;
  padding: 4rem 0;
  min-height: 2rem;
}

.nds-communities-card .nds-text-heading_large {
  font-size: 3.5rem;
  font-weight: 500;
}

.nds-communities-card .nds-text-heading_medium {
  padding-bottom: 0.25rem;
  font-weight: 500;
  font-size: 2rem;
}

.nds-communities-card .nds-text-body_medium {
  font-weight: 100;
  font-size: 1rem;
}

.nds-communities-card .nds-text-link {
  background-color: transparent;
  border: transparent;
  font-size: 1rem;
  position: relative;
  top: -0.2rem;
}

.nds-communities-card .nds-button__icon {
  fill: #fff;
  margin-bottom: 0.25rem;
}

.nds-communities-card__bordered {
  width: 100%;
  border: 1px solid #dddbda;
  border-radius: 0.5rem;
  box-shadow: -1px -1px 2px 0 rgba(22, 50, 92, 0.08), 1px 2px 4px 0 rgba(22, 50, 92, 0.08), 0 2px 16px 0 rgba(26, 80, 155, 0.1);
}

@media screen and (max-width: 75rem) {
  .nds-communities-card {
    display: block;
    text-align: center;
    padding: 2rem 1rem;
  }

  .nds-communities-card .nds-text-heading_large {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 30rem) {
  .nds-communities-card .nds-text-heading_large {
    font-size: 2.25rem;
  }

  .nds-communities-card .nds-text-heading_medium {
    font-size: 1.5rem;
  }
}
/**
 * @summary Initialize hero 
 *
 * @name nds-hero
 * @selector .nds-hero
 * @modifier
 */
.nds-communities-card .nds-hero_container-inner {
  max-width: 80rem;
  margin: 0 auto;
}

/**
* @summary Selector for an x-large icon
*
* @name nds-icon_x-large
* @selector .nds-icon_x-large
* @modifier
*/
.nds-icon_x-large {
  width: 4rem;
  height: 4rem;
}

/**
* @summary Selector for an xx-large icon
*
* @name nds-icon_xx-large
* @selector .nds-icon_xx-large
* @modifier
*/
.nds-icon_xx-large {
  width: 5rem;
  height: 5rem;
}

/**
 * @summary Initializes an attribute for a community
 *
 * @name nds-communities-attr 
 * @selector .nds-communities-attr
 * @modifier
 */
.nds-communities-attr {
  /**
  * @summary styles an attribute label for a community
  *
  * @name nds-communities-attr-label 
  * @selector .nds-communities-attr-label
  * @modifier
  */
  /**
  * @summary styles for a coverage attribute for a community
  *
  * @name nds-communities-attr_coverage
  * @selector .nds-communities-attr_coverage
  * @modifier
  */
  /**
  * @summary styles for a attribute value for a community
  *
  * @name nds-communities-attr-value
  * @selector .nds-communities-attr-value
  * @modifier
  */
}

.nds-communities-attr .nds-communities-attr-label {
  font-size: 0.875rem;
  color: #3e3e3c;
}

.nds-communities-attr.nds-communities-attr_coverage {
  border-bottom: 1px solid #dddbda;
}

.nds-communities-attr.nds-communities-attr_coverage:last-child {
  border-bottom: none;
}

.nds-communities-attr .nds-communities-attr-value {
  text-align: left;
}

@media screen and (max-width: 75rem) {
  .nds-communities-attr.nds-communities-attr_coverage {
    padding: 0;
    margin: 1rem 0 0 0;
  }

  .nds-communities-attr .nds-communities-attr-value {
    text-align: right;
  }

  .nds-communities-attr .nds-communities-attr-label {
    padding-left: 0;
    font-size: 0.9rem;
  }
}
/* @name nds-text-heading
* @selector .nds-text-heading
* @modifier
*/
.nds-communities-card .nds-text-heading_large {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3e3e3c;
}

.nds-communities-card .nds-text-body_medium {
  font-size: 1rem;
  color: #3e3e3c;
  font-weight: 300;
}

.nds-communities-card .nds-text-body_medium_bold {
  font-size: 1rem;
  color: #3e3e3c;
  font-weight: 600;
}

.nds-communities-card .nds-text_bold {
  font-weight: 700;
}

.nds-communities-card .nds-text-lineheight_medium {
  line-height: 1.5;
}

.nds-communities-card .nds-text-lineheight_small {
  line-height: 1;
}

.nds-communities-card .nds-text-lineheight_large {
  line-height: 2.5rem;
}

.nds-communities-card .nds-text-body_medium_light {
  font-size: 1rem;
  color: #fff;
  font-weight: 300;
}

.nds-communities-card .nds-text--uppercase {
  text-transform: uppercase;
}

.nds-communities-card .nds-link-text-color {
  color: #0070d2;
}

.nds-communities-card .nds-font-size-xxx-large {
  font-size: 2.5rem;
}

/**
 * @summary Initializes a card for community
 *
 * @name nds-communities-card 
 * @selector .nds-communities-card
 * @modifier
 */
.nds-communities-card .nds-item:after {
  height: 1rem;
  border-radius: 0;
  background-color: #fff;
}

.nds-communities-card .nds-item .nds-button {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/**
 * @summary Initializes action with icon and link for community
 *
 * @name nds-communities-action 
 * @selector .nds-communities-action 
 * @modifier
 */
.nds-communities-action {
  color: #000;
}

.nds-communities-action .nds-button_link {
  font-weight: 700;
}

.nds-communities-action .nds-text-heading_medium {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 75rem) {
  .nds-communities-card.nds-list_horizontal {
    display: -ms-flexbox;
    display: flex;
  }

  .nds-communities-card.nds-list_horizontal .nds-item {
    display: none;
  }

  .nds-communities-card.nds-list_horizontal .nds-item:last-child {
    display: block;
  }
}
@media screen and (max-width: 30rem) {
  .nds-communities-action .nds-icon_xx-large {
    width: 3.5rem;
    height: 3.5rem;
  }

  .nds-communities-action .nds-text-heading_medium {
    font-size: 0.8125rem;
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
/**
 * @summary Initializes a community article
 *
 * @name nds-communities-article
 * @selector .nds-communities-article
 * @modifier
 */
.nds-communities-article {
  width: 100%;
  border: 1px solid #dddbda;
  border-radius: 0.5rem;
  box-shadow: -1px -1px 2px 0 rgba(22, 50, 92, 0.08), 1px 2px 4px 0 rgba(22, 50, 92, 0.08), 0 2px 16px 0 rgba(26, 80, 155, 0.1);
  overflow: hidden;
  /**
  * @summary Selector for text of an article
  *
  * @name nds-communities-article_text
  * @selector .nds-communities-article_text
  * @modifier
  */
}

.nds-communities-article:hover {
  cursor: pointer;
}

.nds-communities-article > img {
  max-width: 101%;
  width: 101%;
}

.nds-communities-article_text {
  min-height: 7.5rem;
}

.nds-communities-article_text .nds-text-title_caps {
  color: #706e6b;
}

.nds-communities-article_text .nds-text-heading_small {
  color: #3e3e3c;
}

@media screen and (max-width: 30rem) {
  .nds-communities-article {
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
  }

  .nds-communities-article > img {
    border-radius: 0.5rem;
    height: 4rem;
    width: 4rem;
  }

  .nds-communities-article_text {
    min-height: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nds-communities-article_text .nds-text-title_caps {
    margin-bottom: 0.25rem;
  }
}
/**
 * @summary Initializes a search input for community
 *
 * @name nds-communities-search
 * @selector .nds-communities-search
 * @modifier
 */
.nds-communities-search {
  background: #fff;
  border-color: #fff;
  box-shadow: none;
  /**
  * @summary Search button for communities search input
  *
  * @name nds-communities-search__button
  * @selector .nds-communities-search__button
  * @modifier
  */
}

.nds-communities-search .nds-input {
  border-bottom: none;
  color: #16325c;
}

.nds-communities-search .nds-button_brand {
  background-color: #16325c;
  border-color: #16325c;
}

.nds-communities-search__button {
  position: absolute;
  right: 1rem;
}

.nds-communities-search .nds-button_icon {
  display: none;
  padding-left: 0.25rem;
  padding-right: 0;
}

.nds-communities-search .nds-button__icon {
  fill: #fff;
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 76rem) {
  .nds-communities-search .nds-button_icon {
    display: block;
  }

  .nds-communities-search .nds-button_text {
    display: none;
  }
}
/**
 * @summary Initializes global navigation for community
 *
 * @name nds-communities-global_navigation
 * @selector .nds-communities-global_navigation
 * @modifier
 */
.nds-communities-global_navigation {
  background: #0070d2;
  /**
  * @summary Navigation bar wrapper
  *
  * @name navigation-bar
  * @selector .nds-context-bar
  * @restrict div
  * @variant
  */
  /**
  * @summary Mobile navigation menur
  *
  * @name nds-context-bar__mobile
  * @selector .nds-context-bar__mobile
  * @restrict div
  * @variant
  */
}

.nds-communities-global_navigation .nds-context-bar {
  background-color: transparent;
  color: #fff;
  border-bottom: none;
  margin: 1.5rem;
  z-index: 10;
  font-size: 1rem;
}

.nds-communities-global_navigation .nds-context-bar .nds-global-header__logo {
  width: 7rem;
}

.nds-communities-global_navigation .nds-context-bar .nds-context-bar__label-action {
  font-size: 1rem;
}

.nds-communities-global_navigation .nds-context-bar__item.nds-is-active:before {
  background: #fff;
  bottom: 0;
}

.nds-communities-global_navigation .nds-context-bar__mobile {
  display: none;
  fill: white;
}

.nds-communities-global_navigation .nds-context-bar__mobile .nds-dc-mobile-catalog-wrapper {
  padding: 0;
  border-bottom: 0;
}

@media screen and (max-width: 76rem) {
  .nds-communities-global_navigation {
    margin-top: 1rem;
  }

  .nds-communities-global_navigation .nds-context-bar {
    margin: 1rem;
    padding: 0;
  }

  .nds-communities-global_navigation .nds-context-bar .nds-context-bar__primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: auto;
  }

  .nds-communities-global_navigation .nds-context-bar .nds-context-bar__secondary {
    display: none;
  }

  .nds-communities-global_navigation .nds-context-bar .nds-context-bar__mobile {
    display: block;
    width: 2rem;
  }
}
@media screen and (max-width: 30rem) {
  .nds-communities-global_navigation .nds-context-bar {
    margin: 0.75rem;
  }
}
/**
 * @summary Initializes coverage for policy in a community
 *
 * @name nds-communities-coverage
 * @selector .nds-communities-coverage
 * @modifier
 */
.nds-communities-coverage {
  border-bottom: 1px solid #dddbda;
}

.nds-communities-coverage:last-child {
  border-bottom: none;
}

/**
 * @summary Initializes coverage for policy item
 *
 * @name nds-communities-policy-item
 * @selector .nds-communities-policy-item
 * @modifier
 */
.nds-communities-policy-item .nds-communities {
  /**
  * @summary Styles coverage custom icon
  *
  * @name nds-communities-custom-icon
  * @selector .nds-communities-custom-icon
  * @modifier
  */
  /**
  * @summary Styles coverage for policy item
  *
  * @name nds-communities-policy-item-coverages-container
  * @selector .nds-communities-policy-item-coverages-container
  * @modifier
  */
  /**
  * @summary Styles coverage for policy item attribute category
  *
  * @name nds-communities-policy-item_category
  * @selector .nds-communities-policy-item_category
  * @modifier
  */
}

.nds-communities-policy-item .nds-communities-custom-icon {
  padding: 0.5rem;
  width: 3rem;
  height: 3rem;
}

.nds-communities-policy-item .nds-communities-policy-item-coverages-container {
  width: 100%;
}

.nds-communities-policy-item .nds-communities-policy-item-coverages-container .nds-text-heading_small {
  font-weight: 700;
}

.nds-communities-policy-item .nds-communities-policy-item_category {
  position: relative;
  left: -2.1rem;
}

@media screen and (max-width: 75rem) {
  .nds-communities-policy-item {
    padding-bottom: 0.5rem;
  }

  .nds-communities-policy-item .nds-communities-custom-icon {
    display: none;
  }

  .nds-communities-policy-item .nds-communities-policy-item-coverages-container {
    padding: 0;
  }

  .nds-communities-policy-item .nds-communities-policy-item_category {
    left: 0;
  }

  .nds-communities-policy-item .nds-text-heading_small {
    font-size: 0.9rem;
  }
}
/**
 * @summary Initializes a agent card for community
 *
 * @name nds-communities-agent
 * @selector .nds-communities-agent
 * @modifier
 */
.nds-communities-agent .sub-title {
  font-size: 1rem;
}

.nds-communities-agent .nds-rounded-image img {
  border-radius: 50%;
  width: 100px;
}

/**
 * @summary Initiates a carousel component
 *
 * @name nds-carousel
 * @selector .nds-carousel
 * @modifier
 */
.nds-carousel {
  /**
  * @summary Tabpanel region that contains all carousel panels
  *
  * @name nds-carousel__panels
  * @selector .nds-carousel__panels
  * @modifier
  */
  /**
  * @summary Actionable element that contains the carousel's tab-panel content
  *
  * @name nds-carousel__panel-action
  * @selector .nds-carousel__panel-action
  * @modifier
  */
  /**
  * @summary Element that contains the image inside the carousel's tab-panel
  *
  * @name nds-carousel__image
  * @selector .nds-carousel__image
  * @modifier
  */
  /**
  * @summary Element that contains the content inside the carousel's tab-panel
  *
  * @name nds-carousel__content
  * @selector .nds-carousel__content
  * @modifier
  */
  /**
  * @summary Heading element that contains the title of the carousel's tab-panel
  *
  * @name nds-carousel__title
  * @selector .nds-carousel__title
  * @modifier
  */
}

.nds-carousel__panels {
  display: -ms-flexbox;
  display: flex;
  transition: transform 0.25s ease-in;
  min-height: 0;
}

.nds-carousel__panel {
  -ms-flex: 0 0 20%;
      flex: 0 0 20%;
  max-width: 100%;
  margin: 1rem;
}

.nds-carousel__panel-action {
  display: block;
  box-shadow: -1px -1px 2px 0 rgba(22, 50, 92, 0.08), 1px 2px 4px 0 rgba(22, 50, 92, 0.08), 0 2px 16px 0 rgba(26, 80, 155, 0.1);
  position: relative;
  max-width: 20rem;
  min-width: 15rem;
  border-radius: 0.25rem;
}

.nds-carousel__panel-action:focus {
  box-shadow: 0 0 3px #0070d2;
  border-color: #005fb2;
  outline: 0;
}

.nds-carousel__image {
  overflow: hidden;
}

.nds-carousel__image > img {
  width: 4rem;
  top: -1rem;
  position: absolute;
}

.nds-carousel__content {
  background: #fff;
  padding: 0.75rem;
  text-align: center;
  height: 6.625rem;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: left;
  height: 100%;
  border-radius: 0.25rem;
}

.nds-carousel__content > p {
  color: #6E6E6E;
  margin-top: 0.25rem;
}

.nds-carousel__content-title {
  font-size: 1rem;
  font-weight: 700;
  color: #000;
}

/**
 * @summary Initializes a agent card for community
 *
 * @name nds-communities-billing
 * @selector .nds-communities-billing
 * @modifier
 */
.nds-communities-billing .nds-communities-billing_amountDue {
  font-size: 2.5rem;
}

.nds-communities-billing .nds-action_item {
  display: block;
}

.nds-communities-billing .nds-action_item .nds-action_text {
  text-align: center;
  display: inherit;
}

/**
 * @summary Initializes a footer for community with more than one section that lists label / action pairs
 *
 * @name nds-communities-footer
 * @selector .nds-communities-footer
 * @modifier
 */
.nds-communities-footer {
  background-color: #16325c;
  min-height: 36rem;
  color: #fff;
  padding: 5.5rem 0;
  /**
    * @summary Class that contains the body of the footer
    *
    * @name nds-communities-footer__body
    * @selector .nds-communities-footer__body
    * @modifier
    */
  /**
  * @summary Class that contains the column content of the footer
  *
  * @name nds-communities-footer_col-content
  * @selector .nds-communities-footer_col-content
  * @modifier
  */
}

.nds-communities-footer__body {
  min-height: 10rem;
  /**
    * @summary Styles coloumn header
    *
    * @name nds-text-heading_medium  
    * @selector .nds-text-heading_medium
    * @modifier
    */
  /**
  * @summary Styles cell action text nds-action_text
  *
  * @name nds-action_text 
  * @selector .nds-action_text
  * @modifier
  */
  /**
  * @summary Styles column divider
  *
  * @name nds-divider_vertical
  * @selector .nds-divider_vertical
  * @modifier
  */
}

.nds-communities-footer__body .nds-accordion__list-item {
  border-top: 0;
}

.nds-communities-footer__body .nds-accordion__section {
  padding: 0 1rem 1rem 1.75rem;
}

.nds-communities-footer__body .nds-accordion__summary-heading {
  display: none;
}

.nds-communities-footer__body .nds-is-open .nds-accordion__summary {
  margin-bottom: 0;
}

.nds-communities-footer__body .nds-text-heading_medium {
  font-weight: 700;
  font-size: 1rem;
  padding-bottom: 3rem;
}

.nds-communities-footer__body .nds-action_text {
  font-weight: 100;
}

.nds-communities-footer__body .nds-divider {
  opacity: 26%;
  background: #fff;
  height: auto;
  width: 0.1rem;
}

.nds-communities-footer__body li:last-child .nds-divider {
  display: none;
}

.nds-communities-footer__col-content {
  visibility: visible;
  opacity: 1;
  height: auto;
}

@media screen and (max-width: 76rem) {
  .nds-communities-footer {
    padding: 0 0 3rem 0;
    min-height: 0;
  }

  .nds-communities-footer__body {
    display: block;
  }

  .nds-communities-footer__col-content {
    visibility: hidden;
    opacity: 0;
    height: 0;
  }

  .nds-communities-footer .nds-accordion__section {
    padding: 0;
  }

  .nds-communities-footer .nds-accordion__summary {
    width: 100%;
  }

  .nds-communities-footer .nds-accordion__summary .nds-communities-footer_col-header {
    display: none;
  }

  .nds-communities-footer .nds-accordion__summary .nds-accordion__summary-heading {
    display: block;
    padding-left: 1rem;
    padding-right: 0.75rem;
  }

  .nds-communities-footer .nds-accordion__summary .nds-accordion__summary-heading .nds-button__icon {
    fill: #fff;
  }

  .nds-communities-footer .nds-accordion__content {
    padding-left: 3rem;
    padding-right: 0.75rem;
  }

  .nds-communities-footer .nds-accordion__list-item {
    display: block;
  }

  .nds-communities-footer .nds-text-heading_medium {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
    padding-left: 0.5rem;
    font-weight: 400;
    font-size: 0.875rem;
  }

  .nds-communities-footer .nds-action_text {
    font-size: 0.875rem;
  }

  .nds-communities-footer .nds-divider {
    opacity: 26%;
    background: #fff;
    height: 1px;
    width: auto;
  }
}
/**
 * @summary Initializes hero for community
 *
 * @name nds-communities-hero
 * @selector .nds-communities-hero
 * @modifier
 */
.nds-communities-hero {
  /**
  * @summary Initializes global navigation for community
  *
  * @name nds-communities-global_navigation
  * @selector .nds-communities-global_navigation
  * @modifier
  */
  /**
  * @summary Wraps actions 
  *
  * @name nds-context-bar__actions
  * @selector .nds-context-bar__actions
  * @modifier
  */
}

.nds-communities-hero .nds-communities-global_navigation {
  background: transparent;
}

.nds-communities-hero .nds-context-bar__actions {
  position: absolute;
  right: 0;
  z-index: 10;
  /**
  * @summary Initializes a card for community
  *
  * @name nds-communities-card 
  * @selector .nds-communities-card
  * @modifier
  */
}

.nds-communities-hero .nds-context-bar__actions .nds-communities-card {
  padding: 0.5rem 0 0 0;
}

/**
 * @summary Initializes list content in communities page
 *
 * @name nds-communities-page-content 
 * @selector .nds-communities-page-content
 * @modifier
 */
.nds-communities-page-content {
  color: #000;
}

.nds-communities-page-content .nds-text-heading_large {
  font-size: 2.25rem;
}

@media screen and (max-width: 78rem) {
  .nds-communities-page-content.nds-communities-page-content__list .nds-media {
    display: block;
    text-align: center;
  }

  .nds-communities-page-content.nds-communities-page-content__list .nds-media .nds-media__body {
    display: table-cell;
    padding: 0;
  }

  .nds-communities-page-content.nds-communities-page-content__list .nds-media .nds-media__body .nds-text-heading_large {
    padding: 2rem;
  }

  .nds-communities-page-content.nds-communities-page-content__list .nds-media .nds-media__figure {
    display: table-caption;
    margin-bottom: 6rem;
  }

  .nds-communities-page-content.nds-communities-page-content__list .nds-media__figure_reverse {
    margin: 0;
  }
}
/**
 * @summary Initializes a community actions group
 *
 * @name nds-communities-actions-group
 * @selector .nds-communities-actions-group
 * @modifier
 */
.nds-communities-actions-group {
  margin: 2rem 16rem;
}

@media screen and (max-width: 78rem) {
  .nds-communities-actions-group {
    margin: 2rem 1rem;
  }
}
@media screen and (max-width: 30rem) {
  .nds-communities-actions-group {
    margin: 1rem 0;
  }
}
/**
 * @summary Initializes a community actions group
 *
 * @name nds-communities-articles-group
 * @selector .nds-communities-articles-group
 * @modifier
 */
.nds-communities-articles-group {
  margin: 2rem 10rem;
}

@media screen and (max-width: 78rem) {
  .nds-communities-articles-group {
    margin: 2rem 1rem;
  }
}
@media screen and (max-width: 30rem) {
  .nds-communities-articles-group {
    margin: 1rem 0;
  }
}
/**
 * @summary Initiates a carousel component
 *
 * @name nds-carousel
 * @selector .nds-carousel
 * @modifier
 */
.nds-carousel {
  position: relative;
  /**
  * @summary Main stage for carousel's tab-panels and tab-list inidicators
  *
  * @name nds-carousel__stage
  * @selector .nds-carousel__stage
  * @modifier
  */
  /**
  * @summary List element that contains the carousel's tab-list inidicators
  *
  * @name nds-carousel__indicators
  * @selector .nds-carousel__indicators
  * @modifier
  */
  /**
  * @summary Carousel's tab-list inidicator items
  *
  * @name nds-carousel__indicator
  * @selector .nds-carousel__indicator
  * @modifier
  */
  /**
  * @summary Actionable element inside of each tab-list indicator
  *
  * @name nds-carousel__indicator-action
  * @selector .nds-carousel__indicator-action
  * @modifier
  */
}

.nds-carousel__stage {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden;
}

.nds-carousel__indicators {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0.5rem 0;
}

.nds-carousel__indicator {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0.25rem;
}

.nds-carousel__indicator-action {
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #dddbda;
  border-radius: 0.5rem;
  background: #d8d8d8;
  /**
  * @summary Active state notifying the tab that its current panel is active
  *
  * @name nds-is-active
  * @selector .nds-is-active
  * @modifier
  */
}

.nds-carousel__indicator-action.nds-is-active {
  background: #0070d2;
  border-color: #0070d2;
}

.nds-carousel__indicator-action.nds-is-active:hover {
  background: #0070d2;
  border-color: #0070d2;
}

.nds-carousel__indicator-action:hover {
  background-color: #fafaf9;
}

.nds-carousel__indicator-action:focus {
  box-shadow: 0 0 3px #0070d2;
  background-color: #005fb2;
  border-color: #005fb2;
  outline: 0;
}

/**
* @summary Initalizes a policy item styling in community
*
* @name nds-communities-policy-item
* @selector .nds-communities-policy-item
* @modifier
*/
.nds-communities-policy-item {
  font-family: SalesforceSans-Regular;
  color: #3e3e3c;
}

.nds-communities-policy-item .nds-communities {
  /**
  * @summary Title for a policy item
  *
  * @name nds-communities-title
  * @selector .nds-communities-title
  * @modifier
  */
  /**
  * @summary Heading styles for headers in policy detail
  *
  * @name nds-communities-heading
  * @selector .nds-communities-heading
  * @modifier
  */
  /**
  * @summary Icon container
  *
  * @name nds-communities-icon-container
  * @selector .nds-communities-icon-container
  * @modifier
  */
  /**
  * @summary Styles for custom image
  *
  * @name nds-communities-custom-img
  * @selector .nds-communities-custom-img
  * @modifier
  */
  /**
  * @summary Styles for root icon
  *
  * @name nds-communities-icon-root
  * @selector .nds-communities-icon-root
  * @modifier
  */
  /**
  * @summary Styles for icon container
  *
  * @name nds-communities-icon-container
  * @selector .nds-communities-icon-container
  * @modifier
  */
  /**
  * @summary Styles for icon item
  *
  * @name nds-communities-icon-item
  * @selector .nds-communities-icon-item
  * @modifier
  */
  /**
  * @summary Styles for a label
  *
  * @name nds-communities-label
  * @selector .nds-communities-label
  * @modifier
  */
  /**
  * @summary Bold style for text
  *
  * @name nds-communities-bold
  * @selector .nds-communities-bold
  * @modifier
  */
  /**
  * @summary Divider styles
  *
  * @name nds-communities-divider
  * @selector .nds-communities-divider
  * @modifier
  */
  /**
  * @summary Grandchild indicator
  *
  * @name nds-communities-policy-grandchild-indicator
  * @selector .nds-communities-policy-grandchild-indicator
  * @modifier
  */
  /**
  * @summary Styles for header content
  *
  * @name nds-communities-header-content
  * @selector .nds-communities-header-content
  * @modifier
  */
  /**
  * @summary Stiles for title container
  *
  * @name nds-communities-header-content
  * @selector .nds-communities-header-content
  * @modifier
  */
  /**
  * @summary Styles for separator 
  *
  * @name nds-communities-separator
  * @selector .nds-communities-separator
  * @modifier
  */
  /**
  * @summary Styles for separator container
  *
  * @name nds-communities-separator-container
  * @selector .nds-communities-separator-container
  * @modifier
  */
  /**
  * @summary Styles for price icon tooltip
  *
  * @name nds-communities-price-icon
  * @selector .nds-communities-price-icon
  * @modifier
  */
  /**
  * @summary Styles for helptext
  *
  * @name nds-communities-helptext
  * @selector .nds-communities-helptext
  * @modifier
  */
  /**
  * @summary Styles for grandchild icon
  *
  * @name nds-communities-icon-grandchild
  * @selector .nds-communities-icon-grandchild
  * @modifier
  */
}

.nds-communities-policy-item .nds-communities-title {
  font-size: 1rem;
}

.nds-communities-policy-item .nds-communities-heading {
  font-size: 0.9rem;
}

.nds-communities-policy-item .nds-communities-icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.nds-communities-policy-item .nds-communities-custom-img {
  width: 4rem;
  height: 4rem;
}

.nds-communities-policy-item .nds-communities-icon-root {
  background-color: #58698a;
}

.nds-communities-policy-item .nds-communities-icon_container {
  border-radius: 50%;
}

.nds-communities-policy-item .nds-communities-icon-item {
  background-color: #ebedef;
  height: 4rem;
  width: 4rem;
  fill: #16325c;
}

.nds-communities-policy-item .nds-communities-label {
  color: #6E6E6E;
}

.nds-communities-policy-item .nds-communities-bold {
  font-weight: 700;
}

.nds-communities-policy-item .nds-communities-divider {
  height: 1rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
  box-shadow: 0 10px 5px -5px #f6f6f6;
}

.nds-communities-policy-item .nds-communities-policy-grandchild-indicator {
  color: #005fb2;
  background-color: #fff;
}

.nds-communities-policy-item .nds-communities-header-content {
  width: 100%;
}

.nds-communities-policy-item .nds-communities-title-container {
  line-height: 2rem;
}

.nds-communities-policy-item .nds-communities-separator {
  font-weight: 100;
}

.nds-communities-policy-item .nds-communities-separator-container:last-child .nds-communities-separator {
  display: none;
}

.nds-communities-policy-item .nds-communities-price-icon:hover + .nds-communities-price-tooltip {
  display: block;
}

.nds-communities-policy-item .nds-communities-helptext {
  position: relative;
  top: -0.25rem;
}

.nds-communities-policy-item .nds-communities-icon-grandchild {
  fill: #fff;
  background: transparent;
  background-color: #0070d2;
  border-color: #0070d2;
}

.nds-communities-policy-item .nds-text-link {
  fill: #0070d2;
}

.nds-communities-policy-item .nds-text-link:hover {
  cursor: pointer;
}

.nds-communities-policy-list-container {
  display: none;
}

@media screen and (max-width: 75rem) {
  .nds-communities-policy-item {
    /**
    * @summary Styles for price tooltip
    *
    * @name nds-communities-price-tooltip
    * @selector .nds-communities-price-tooltip
    * @modifier
    */
  }

  .nds-communities-policy-item .nds-communities-price-tooltip {
    top: -0.15rem;
  }

  .nds-communities-policy-list-container {
    display: block;
  }
}
/**
 * @summary Initializes Policyholder Styling for community flexcard card
 *
 * @name nds-communities-policy-card
 * @selector .nds-communities-policy-card
 * @modifier
 */
.nds-communities-policy-card {
  /**
  * @summary Initializes hero for community
  *
  * @name nds-communities-menu-mobile
  * @selector .nds-communities-menu-mobile
  * @modifier
  */
}

.nds-communities-policy-card .nds-text-heading_large {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3e3e3c;
}

.nds-communities-policy-card .nds-text-heading_medium {
  font-size: 1rem;
  color: #3e3e3c;
  font-weight: 300;
}

.nds-communities-policy-card .nds-text-heading_medium.nds-text-link {
  color: #0070d2;
  font-size: 1.1rem;
}

.nds-communities-policy-card .nds-text-body_medium {
  font-size: 1rem;
  color: #3e3e3c;
  font-weight: 300;
  text-transform: none !important;
}

.nds-communities-policy-card .nds-text-body_medium.nds-size_2-of-12 {
  max-width: 14%;
}

.nds-communities-policy-card .nds-text-body_medium_bold {
  font-size: 1rem;
  color: #3e3e3c;
  font-weight: 600;
}

.nds-communities-policy-card .nds-text-heading_x-small {
  color: #3e3e3c;
}

.nds-communities-policy-card .nds-article-image img {
  height: 4rem;
  border-radius: 0.25rem;
}

.nds-communities-policy-card .nds-image img {
  max-height: 3rem;
}

.nds-communities-policy-card .nds-communities-policy-list-fields .nds-action_text {
  color: #0070d2;
  text-transform: capitalize;
}

.nds-communities-policy-card .nds-communities-policy-list-fields .nds-text-heading_medium.nds-large-size_5-of-12 {
  max-width: 28%;
}

.nds-communities-policy-card .nds-communities-policy-list-fields .nds-size_1-of-12 {
  max-width: 1rem;
  margin: 0;
}

.nds-communities-policy-card .nds-communities-policy-list-fields .nds-border_bottom.nds-size_12-of-12 {
  padding-bottom: 1rem;
}

.nds-communities-policy-card .nds-text-title_caps:not(.nds-communities-policy-table-header) {
  text-transform: none;
  font-size: 1rem;
  color: #0070d2;
  letter-spacing: 0;
}

.nds-communities-policy-card .nds-text-title_caps:not(.nds-communities-policy-table-header):hover {
  text-decoration: underline;
}

.nds-communities-policy-card .nds-article-image {
  position: relative;
  left: -0.5rem;
}

.nds-communities-policy-card .nds-timeline__item.nds-timeline__media::before {
  top: 55%;
  left: 22.2%;
}

.nds-communities-policy-card .nds-timeline__item.nds-timeline__media .nds-activity-circle {
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: #006AFF;
  border-radius: 50%;
  text-align: center;
  left: 21.5%;
}

.nds-communities-policy-card .nds-communities-menu-mobile {
  background: #0070d2;
}

.nds-communities-policy-card .nds-communities-menu-mobile .nds-dropdown-trigger.nds-dropdown-trigger_click {
  display: block;
}

.nds-communities-policy-card .nds-communities-menu-mobile button.nds-button.vlocity-btn {
  min-width: 100%;
  text-align: left;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #3e3e3c;
  border-radius: 0.5rem;
}

.nds-communities-policy-card .nds-communities-menu-mobile button.nds-button.vlocity-btn :last-child {
  float: right;
}

.nds-communities-policy-card .nds-communities-menu-mobile li.nds-dropdown__item {
  font-size: 1rem;
}

.nds-communities-policy-card .nds-communities-menu-mobile .nds-dropdown_actions {
  margin-top: 0.75rem;
  min-width: 100%;
  max-width: 100%;
}

.nds-communities-policy-card .nds-communities-menu-mobile .nds-dropdown_actions a {
  color: #3e3e3c;
}

@media screen and (max-width: 30rem) {
  .nds-communities-policy-card .nds-communities-policy-state:not(:last-of-type) {
    border-bottom: 1px solid #e7ecf3;
  }

  .nds-communities-policy-card .nds-communities-status-toast {
    margin-top: 1rem;
  }
}
.nds-communities-policy {
  /**
   * @summary Styles for policy table
   *
   * @name nds-communities-policy-table
   * @selector .nds-communities-policy-table
   * @modifier
   */
  /**
  * @summary Styles for policy add transaction popover
  *
  * @name nds-communities-policy-add-transaction
  * @selector .nds-communities-policy-add-transaction
  * @modifier
  */
  /**
  * @summary Styles for related transaction value
  *
  * @name nds-communities-policy-related-transaction-value
  * @selector .nds-communities-policy-related-transaction-value
  * @modifier
  */
}

.nds-communities-policy-table {
  padding: 0;
  /**
  * @summary Styles for policy table row
  *
  * @name nds-communities-policy-table-row
  * @selector .nds-communities-policy-table-row
  * @modifier
  */
  /**
  * @summary Styles for highlighted policy table cell
  *
  * @name nds-communities-policy-table-cell-highlighted
  * @selector .nds-communities-policy-table-cell-highlighted
  * @modifier
  */
}

.nds-communities-policy-table-row:hover {
  cursor: pointer;
  background-color: #f8fbfe;
}

.nds-communities-policy-table-cell-highlighted {
  color: #006ed5;
}

.nds-communities-policy-add-transaction {
  top: 3rem;
  right: 0;
}

.nds-communities-policy-related-transaction-value:nth-child(-n+2) {
  font-weight: 700;
}

/**
 * @summary Initializes select items for insurance omniscript
 *
 * @name nds-ins-os-select-items
 * @selector .nds-ins-os-select_items
 * @modifier
 */
.nds-ins-os-select_items .nds-card {
  background: #f8fbfe;
  border: 1px solid #dddbda;
  border-radius: 0.25rem;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.nds-ins-os-select_items .nds-card--header__title,
.nds-ins-os-select_items .nds-card_header__title {
  font-weight: 400;
}

.nds-ins-os-select_items .nds-selected-item-icon {
  display: none;
}

.nds-ins-os-select_items .nds-card--header.nds-selected,
.nds-ins-os-select_items .nds-card_header.nds-selected {
  box-shadow: 2px 2px 2px #0070d2;
}

.nds-ins-os-select_items .nds-card--header.nds-selected .nds-selected-item-icon,
.nds-ins-os-select_items .nds-card_header.nds-selected .nds-selected-item-icon {
  display: block;
  top: -1rem;
  right: -1rem;
}

.nds-ins-os-select_items .nds-card--header.nds-selected .nds-selected-item-icon:after,
.nds-ins-os-select_items .nds-card_header.nds-selected .nds-selected-item-icon:after {
  content: "";
  background: #0070d2;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 0.25rem;
  right: 0;
}

.nds-ins-os-select_items .nds-card--header.nds-selected .nds-selected-item-icon .nds-selected-icon,
.nds-ins-os-select_items .nds-card_header.nds-selected .nds-selected-item-icon .nds-selected-icon {
  fill: #fff;
  z-index: 1;
  width: 1.4rem;
  top: 0.125rem;
}

.container-rectangle {
  margin: 0px 16px 16px 32px;
  padding: 30px 31.9px 36px 32px;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 #0000000f;
  background-color: #ffffff;
}

.container-rectangle.right {
  margin-left: 0px;
}

.container-webform {
  margin: auto;
  max-width: 560px;
  padding: 36px 32px 36px 32px;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 #0000000f;
  background-color: #ffffff;
}

.container-webform.no-card {
  border-radius: 0px;
  padding: 0;
  box-shadow: 0 0px 0px 0 transparent;
  background-color: transparent;
}

.container-webform.sub {
  margin-bottom: 16px;
}

.title-container {
  max-width: 560px;
  margin: auto;
}

.container-webform-error {
  margin: auto auto 16px;
  max-width: 560px;
}

.container-transparent {
  max-width: 1140px;
  margin-left: 32px;
  background-color: transparent;
}

.container-child {
  padding: 36px 32px 36px 32px;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 #0000000f;
  background-color: #ffffff;
}

.container-child.right {
  margin: 0 32px 16px 16px;
}

.container-simple {
  background-color: #ffffff;
}

.container-secondary {
  margin: 16px 0 24px;
  padding: 16px;
  padding-bottom: 8px;
  border-radius: 4px;
  background-color: #e3f2fd;
}

.container-info {
  margin: 0 32px 12px;
  padding: 24px 16px;
  border-radius: 4px;
  border: solid 1px #2062d4;
  background-color: #e3f2fd;
}

.container-info.detail-page {
  margin: 0 33px 12px 0;
}

.container-info.small {
  margin: 0;
  padding: 16px;
}

.card {
  max-width: 688px;
}

.card-divider {
  height: 1px;
  background-color: #d3d8de;
}

.separator {
  width: 272px;
  margin: 24px 0;
}

.space-top-md {
  margin-top: 18px;
}

.space-top-lgmd {
  margin-top: 24px;
}

.space-bottom-md {
  margin-bottom: 18px;
}

.space-bottom-smmd {
  margin-bottom: 16px;
}

.space-top-sm {
  margin-top: 12px;
}

.space-bottom-sm {
  margin-bottom: 12px;
}

.space-top-lg {
  margin-top: 36px;
}

.space-bottom-lg {
  margin-bottom: 36px;
}

.space-top-xsm {
  margin-top: 4px;
}

.space-bottom-xsm {
  margin-bottom: 4px;
}

.padding-top-md {
  padding-top: 18px;
}

.padding-bottom-md {
  padding-bottom: 18px;
}

.padding-top-sm {
  padding-top: 12px;
}

.padding-bottom-sm {
  padding-bottom: 12px;
}

.padding-top-lg {
  padding-top: 36px;
}

.padding-bottom-lg {
  padding-bottom: 36px;
}

.padding-top-xsm {
  padding-top: 4px;
}

.padding-bottom-xsm {
  padding-bottom: 4px;
}

.padding-right-lg {
  padding-right: 36px;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.ia-spacing-xxs-bottom {
  margin-bottom: 4px;
}

.ia-spacing-xs-bottom {
  margin-bottom: 8px;
}

.ia-spacing-s-bottom {
  margin-bottom: 12px;
}

.ia-spacing-m-bottom {
  margin-bottom: 16px;
}

.ia-spacing-l-bottom {
  margin-bottom: 20px;
}

.ia-spacing-xl-bottom {
  margin-bottom: 24px;
}

.ia-spacing-xxl-bottom {
  margin-bottom: 28px;
}

.ia-spacing-xxl-1-bottom {
  margin-bottom: 32px;
}

.ia-spacing-xxl-2-bottom {
  margin-bottom: 36px;
}

.ia-spacing-xxl-3-bottom {
  margin-bottom: 48px;
}

.ia-spacing-xxl-4-bottom {
  margin-bottom: 60px;
}

.ia-spacing-xxl-5-bottom {
  margin-bottom: 72px;
}

.ia-spacing-xxl-6-bottom {
  margin-bottom: 84px;
}

.ia-spacing-xxl-7-bottom {
  margin-bottom: 96px;
}

.ia-spacing-xxs-top {
  margin-top: 4px;
}

.ia-spacing-xs-top {
  margin-top: 8px;
}

.ia-spacing-s-top {
  margin-top: 12px;
}

.ia-spacing-m-top {
  margin-top: 16px;
}

.ia-spacing-l-top {
  margin-top: 20px;
}

.ia-spacing-xl-top {
  margin-top: 24px;
}

.ia-spacing-xxl-top {
  margin-top: 28px;
}

.ia-spacing-xxl-1-top {
  margin-top: 32px;
}

.ia-spacing-xxl-2-top {
  margin-top: 36px;
}

.ia-spacing-xxl-3-top {
  margin-top: 48px;
}

.ia-spacing-xxl-4-top {
  margin-top: 60px;
}

.ia-spacing-xxl-5-top {
  margin-top: 72px;
}

.ia-spacing-xxl-6-top {
  margin-top: 84px;
}

.ia-spacing-xxl-7-top {
  margin-top: 96px;
}

.ia-spacing-xxs-left {
  margin-left: 4px;
}

.ia-spacing-xs-left {
  margin-left: 8px;
}

.ia-spacing-s-left {
  margin-left: 12px;
}

.ia-spacing-m-left {
  margin-left: 16px;
}

.ia-spacing-l-left {
  margin-left: 20px;
}

.ia-spacing-xl-left {
  margin-left: 24px;
}

.ia-spacing-xxl-left {
  margin-left: 28px;
}

.ia-spacing-xxl-1-left {
  margin-left: 32px;
}

.ia-spacing-xxl-2-left {
  margin-left: 36px;
}

.ia-spacing-xxl-3-left {
  margin-left: 48px;
}

.ia-spacing-xxl-4-left {
  margin-left: 60px;
}

.ia-spacing-xxl-5-left {
  margin-left: 72px;
}

.ia-spacing-xxl-6-left {
  margin-left: 84px;
}

.ia-spacing-xxl-7-left {
  margin-left: 96px;
}

.ia-spacing-xxs-right {
  margin-right: 4px;
}

.ia-spacing-xs-right {
  margin-right: 8px;
}

.ia-spacing-s-right {
  margin-right: 12px;
}

.ia-spacing-m-right {
  margin-right: 16px;
}

.ia-spacing-l-right {
  margin-right: 20px;
}

.ia-spacing-xl-right {
  margin-right: 24px;
}

.ia-spacing-xxl-right {
  margin-right: 28px;
}

.ia-spacing-xxl-1-right {
  margin-right: 32px;
}

.ia-spacing-xxl-2-right {
  margin-right: 36px;
}

.ia-spacing-xxl-3-right {
  margin-right: 48px;
}

.ia-spacing-xxl-4-right {
  margin-right: 60px;
}

.ia-spacing-xxl-5-right {
  margin-right: 72px;
}

.ia-spacing-xxl-6-right {
  margin-right: 84px;
}

.ia-spacing-xxl-7-right {
  margin-right: 96px;
}

.ia-padding-xxs-bottom {
  padding-bottom: 4px;
}

.ia-padding-xs-bottom {
  padding-bottom: 8px;
}

.ia-padding-s-bottom {
  padding-bottom: 12px;
}

.ia-padding-m-bottom {
  padding-bottom: 16px;
}

.ia-padding-l-bottom {
  padding-bottom: 20px;
}

.ia-padding-xl-bottom {
  padding-bottom: 24px;
}

.ia-padding-xxl-bottom {
  padding-bottom: 28px;
}

.ia-padding-xxl-1-bottom {
  padding-bottom: 32px;
}

.ia-padding-xxl-2-bottom {
  padding-bottom: 36px;
}

.ia-padding-xxl-3-bottom {
  padding-bottom: 48px;
}

.ia-padding-xxl-4-bottom {
  padding-bottom: 60px;
}

.ia-padding-xxl-5-bottom {
  padding-bottom: 72px;
}

.ia-padding-xxl-6-bottom {
  padding-bottom: 84px;
}

.ia-padding-xxl-7-bottom {
  padding-bottom: 96px;
}

.ia-padding-xxs-top {
  padding-top: 4px;
}

.ia-padding-xs-top {
  padding-top: 8px;
}

.ia-padding-s-top {
  padding-top: 12px;
}

.ia-padding-m-top {
  padding-top: 16px;
}

.ia-padding-l-top {
  padding-top: 20px;
}

.ia-padding-xl-top {
  padding-top: 24px;
}

.ia-padding-xxl-top {
  padding-top: 28px;
}

.ia-padding-xxl-1-top {
  padding-top: 32px;
}

.ia-padding-xxl-2-top {
  padding-top: 36px;
}

.ia-padding-xxl-3-top {
  padding-top: 48px;
}

.ia-padding-xxl-4-top {
  padding-top: 60px;
}

.ia-padding-xxl-5-top {
  padding-top: 72px;
}

.ia-padding-xxl-6-top {
  padding-top: 84px;
}

.ia-padding-xxl-7-top {
  padding-top: 96px;
}

.ia-padding-xxs-left {
  padding-left: 4px;
}

.ia-padding-xs-left {
  padding-left: 8px;
}

.ia-padding-s-left {
  padding-left: 12px;
}

.ia-padding-m-left {
  padding-left: 16px;
}

.ia-padding-l-left {
  padding-left: 20px;
}

.ia-padding-xl-left {
  padding-left: 24px;
}

.ia-padding-xxl-left {
  padding-left: 28px;
}

.ia-padding-xxl-1-left {
  padding-left: 32px;
}

.ia-padding-xxl-2-left {
  padding-left: 36px;
}

.ia-padding-xxl-3-left {
  padding-left: 48px;
}

.ia-padding-xxl-4-left {
  padding-left: 60px;
}

.ia-padding-xxl-5-left {
  padding-left: 72px;
}

.ia-padding-xxl-6-left {
  padding-left: 84px;
}

.ia-padding-xxl-7-left {
  padding-left: 96px;
}

.ia-padding-xxs-right {
  padding-right: 4px;
}

.ia-padding-xs-right {
  padding-right: 8px;
}

.ia-padding-s-right {
  padding-right: 12px;
}

.ia-padding-m-right {
  padding-right: 16px;
}

.ia-padding-l-right {
  padding-right: 20px;
}

.ia-padding-xl-right {
  padding-right: 24px;
}

.ia-padding-xxl-right {
  padding-right: 28px;
}

.ia-padding-xxl-1-right {
  padding-right: 32px;
}

.ia-padding-xxl-2-right {
  padding-right: 36px;
}

.ia-padding-xxl-3-right {
  padding-right: 48px;
}

.ia-padding-xxl-4-right {
  padding-right: 60px;
}

.ia-padding-xxl-5-right {
  padding-right: 72px;
}

.ia-padding-xxl-6-right {
  padding-right: 84px;
}

.ia-padding-xxl-7-right {
  padding-right: 96px;
}

.Section-Title {
  min-height: 22px;
  margin: 30px 0 24px;
}

.Line-Item {
  min-height: 18px;
  margin: 15px 0 15px 16px;
  padding-right: 32px;
}

.Line-Item.no-left-space {
  margin-left: 0px;
}

.arrow_back {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.card-title {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #1b1b1b;
}

.page-title {
  min-height: 58px;
  margin: 0 16px 36px 0px;
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #003da5;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
}

.card-heading {
  font-family: Montserrat;
  font-size: 21px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #1b1b1b;
}

.card-heading.bold {
  font-weight: bold;
}

.card-text {
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #1b1b1b;
}

.card-text.semibold {
  font-weight: 600;
}

.card-text.bold {
  font-weight: bold;
}

.card-text.large {
  font-size: 17px;
  font-weight: bold;
}

.card-text.faux-link {
  color: #2062d4;
  cursor: pointer;
}

.card-text a:link {
  color: #2062d4;
}

.card-text.iaahinsurancedocs {
  height: 18px;
  margin: 0 0 16px 0;
  color: #2062d4;
}

.Button-Outline-Enabled {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 110px;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #003da5;
}

.button {
  padding: 11px 16px;
}

.asset-display-container {
  min-height: 32px;
  margin: 25px 12px 10px 0;
}

.asset-action-display-container {
  margin-left: 48px;
}

.card-policy-display-warning {
  min-height: 18px;
  margin: 0 0 10px 46px;
}

.show-on-mobile-only {
  display: none;
}

.show-on-desktop-only {
  display: block;
}

.via-nds .nds-medium-size_8-of-12 {
  width: 100% !important;
  max-width: 100% !important;
}

.omni-buttons {
  margin: 36px auto;
  max-width: 560px;
}

.base-button {
  text-align: center;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
  background-color: #003da5;
  cursor: pointer;
}

.base-button-dual {
  text-align: center;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25);
  background-color: #003da5;
  cursor: pointer;
  width: 49%;
  margin-left: 1%;
  float: left;
}

.base-button-neutral-dual {
  text-align: center;
  height: 49px;
  border-radius: 25px;
  border: solid 2px #003da5;
  cursor: pointer;
  width: 49%;
  float: left;
}

.button-label {
  height: 22px;
  padding-top: 15px;
  font-size: 17px;
  font-family: Open Sans;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.button-neutral-label {
  height: 22px;
  padding-top: 12px;
  font-size: 17px;
  font-weight: bold;
  font-family: Open Sans;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #003da5;
}

.flex {
  -ms-flex-direction: column;
      flex-direction: column;
}

.previous {
  -ms-flex-order: 2;
      order: 2;
}

.next {
  -ms-flex-order: 1;
      order: 1;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .mobile-no-margin {
    margin-left: 0px;
  }

  .mobile-detail-padding {
    padding: 36px 16px;
  }

  .mobile-text-align-left {
    text-align: left;
  }

  .mobile-text-padding-left {
    padding-left: 22px;
  }

  .title-container {
    overflow-wrap: anywhere;
  }
}
@media screen and (max-width: 1023px) {
  .container-child.right {
    width: 100%;
    margin: 16px 0 0 0;
  }

  .container-rectangle.right {
    margin: 0px 16px 16px 32px;
  }

  .container-transparent {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 600px) {
  .container-transparent {
    width: 100%;
    margin: 16px 0;
  }
}
@media only screen and (max-width: 500px) {
  .container-rectangle {
    width: 100%;
    margin: 16px 0;
    border-radius: 4px;
    padding: 30px 16px 36px 16px;
  }

  .container-transparent {
    width: 100%;
    margin: 16px 0;
    border-radius: 4px;
    padding: 0;
  }

  .container-rectangle.right {
    margin: 16px 0;
  }

  .container-child {
    margin: 0 0 16px;
    padding: 30px 16px 36px 16px;
  }

  .container-child.right {
    margin: 16px 0 0 0;
  }

  .container-info {
    text-align: center;
    margin: 0 0 12px;
  }

  .container-info.detail-page {
    text-align: center;
    margin: 0 0 12px;
  }

  .hide-on-mobile {
    display: none;
  }

  .show-on-mobile-only {
    display: block;
  }

  .show-on-desktop-only {
    display: none;
  }

  .center-on-mobile {
    -ms-flex-pack: center;
        justify-content: center;
  }

  .base-button-neutral-dual {
    width: 100%;
  }

  .base-button-dual {
    width: 100%;
    margin-left: 0%;
  }

  .flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 36px !important;
  }
}
.header-container {
  display: -ms-flexbox;
  display: flex;
}

.header-icon-container {
  -ms-flex-pack: center;
      justify-content: center;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -ms-flex-align: center;
      align-items: center;
  min-width: 48px;
  height: auto;
}

.header-icon-container.align-top {
  -ms-flex-align: start;
      align-items: start;
  margin-top: -5px;
}

.header-icon {
  margin: 0 !important;
  max-width: 48px;
  height: auto;
}

.header-text-container {
  margin: auto 0 auto 12px;
  text-align: left;
}

.card-divider.webform {
  margin: 24px -32px 36px -32px;
}

.text {
  margin: 0 0 0 60px;
  text-align: left;
}

@media screen and (max-width: 600px) {
  .container-webform {
    padding: 36px 16px 36px 16px;
  }

  .header-container {
    display: block;
  }

  .page-title {
    font-size: 40px;
    min-height: 49px;
  }

  .header-icon-container {
    display: block;
    text-align: center;
    margin-bottom: 12px;
    width: 100%;
  }

  .header-icon-container.align-top {
    -ms-flex-align: center;
        align-items: center;
    margin-top: 0px;
  }

  .header-text-container {
    margin-left: 0px;
    text-align: center;
  }

  .card-divider.webform {
    margin: 28px -32px 36px -32px;
  }

  .text {
    margin: 0 0 0 0;
    text-align: center;
  }
}
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
@media print {
  *,
*:before,
*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}