/*
  *****
  Completely unstyled button, so either link or button styles can be layered on top
  *****
*/
.tds-btn {
  font-family: inherit;
  display: inline-block;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  white-space: nowrap;
  border-style: none;
  margin: 0;
  border-style: none;
  cursor: pointer;
  font-weight: 500;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  line-height: 32px;
  height: 32px;
  font-size: 0.82353rem;
  padding: 0 17px;
  border-radius: 4px;
  color: inherit;
  background-color: #ffffff;
  white-space: pre; }
  .tds-btn:focus, .tds-btn:hover {
    outline: 0;
    text-decoration: none; }
  .tds-btn:active, .tds-btn:hover {
    outline: 0;
    text-decoration: none; }

/*
  *****
  MAIN THEMES
  *****
*/
.tds-btn--primary {
  color: white;
  background-color: #4f5ebc;
  box-shadow: none; }
  .tds-btn--primary:hover, .tds-btn--primary:focus:hover {
    background-color: #3b468d; }
  .tds-btn--primary:active, .tds-btn--primary:focus:hover:active {
    background-color: #272f5e; }

.tds-btn--secondary,
.tds-btn--tertiary {
  color: #515af2; }

.tds-btn--secondary {
  box-shadow: 0 0 0 1px #bfbfbf inset; }

.tds-btn--secondary {
  background-color: transparent; }
  .tds-btn--secondary:hover, .tds-btn--secondary:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary:active, .tds-btn--secondary:focus:hover:active {
    background-color: #f5f5f5; }

.tds-btn--tertiary:hover, .tds-btn--tertiary:hover:focus, .tds-btn--tertiary:active, .tds-btn--tertiary:hover:active {
  box-shadow: 0 0 0 1px #bfbfbf inset; }

.tds-btn--tertiary,
.tds-btn--tertiary-monotone {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary:hover,
  .tds-btn--tertiary-monotone:hover {
    background-color: transparent; }
  .tds-btn--tertiary:active, .tds-btn--tertiary:hover:active,
  .tds-btn--tertiary-monotone:active,
  .tds-btn--tertiary-monotone:hover:active {
    background-color: #ededed; }

/*
  *****
  MONOTONE THEMES
  *****
*/
.tds-btn--primary-monotone {
  color: #ffffff;
  background-color: #222222;
  box-shadow: none; }
  .tds-btn--primary-monotone:hover, .tds-btn--primary-monotone:focus:hover {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--primary-monotone:active, .tds-btn--primary-monotone:focus:hover:active {
    background-color: #666666;
    box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--secondary-monotone {
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--secondary-monotone:hover, .tds-btn--secondary-monotone:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary-monotone:active, .tds-btn--secondary-monotone:hover:active {
    background-color: #d6d6d6;
    box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--tertiary-monotone:hover, .tds-btn--tertiary-monotone:hover:focus {
  box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--tertiary-monotone:active, .tds-btn--tertiary-monotone:hover:active {
  background-color: #d6d6d6;
  box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--secondary-monotone,
.tds-btn--tertiary-monotone {
  color: #4c4c4c; }

/*
  *****
  INVERSE THEMES
  *****
*/
.tds-btn--primary-inverse {
  color: #222222;
  background-color: #ffffff;
  box-shadow: none; }
  .tds-btn--primary-inverse:hover, .tds-btn--primary-inverse:focus:hover {
    background-color: #d6d6d6;
    box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--primary-inverse:active, .tds-btn--primary-inverse:focus:hover:active {
    background-color: #bfbfbf;
    box-shadow: 0 0 0 1px #ffffff inset; }

.tds-btn--secondary-inverse,
.tds-btn--tertiary-inverse {
  color: #ffffff; }

.tds-btn--secondary-inverse {
  background-color: transparent;
  box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--secondary-inverse:hover, .tds-btn--secondary-inverse:focus:hover {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--secondary-inverse:active, .tds-btn--secondary-inverse:focus:hover:active {
    background-color: #666666;
    box-shadow: 0 0 0 1px #ffffff inset; }

.tds-btn--tertiary-inverse {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary-inverse:hover, .tds-btn--tertiary-inverse:hover:focus {
    box-shadow: 0 0 0 1px #ededed inset; }
  .tds-btn--tertiary-inverse:active, .tds-btn--tertiary-inverse:focus:hover:active {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #ededed inset; }

/*
  *****
  WARNING THEMES
  *****
*/
.tds-btn--primary-warning {
  color: #ffffff;
  background-color: #e0003a;
  box-shadow: none; }
  .tds-btn--primary-warning:hover, .tds-btn--primary-warning:focus:hover {
    background-color: #8f2742; }
  .tds-btn--primary-warning:focus {
    background-color: #e0003a; }
  .tds-btn--primary-warning:active, .tds-btn--primary-warning:focus:hover:active {
    background-color: #5f1a2c; }

.tds-btn--secondary-warning,
.tds-btn--tertiary-warning {
  color: #e0003a; }

.tds-btn--secondary-warning {
  background-color: transparent;
  box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--secondary-warning:hover, .tds-btn--secondary-warning:focus:hover {
    background-color: rgba(239, 66, 111, 0.04); }
  .tds-btn--secondary-warning:active, .tds-btn--secondary-warning:focus:hover:active {
    background-color: rgba(239, 66, 111, 0.07); }

.tds-btn--tertiary-warning {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary-warning:hover {
    background-color: transparent;
    box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--tertiary-warning:hover:focus {
    box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--tertiary-warning:active, .tds-btn--tertiary-warning:focus:hover:active {
    background-color: rgba(239, 66, 111, 0.04);
    box-shadow: 0 0 0 1px #e0003a inset; }

/*
  *****
  MARKETING THEMES
  *****
*/
.tds-btn--primary-marketing {
  color: #ffffff;
  background-color: #272f5e;
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--primary-marketing:hover, .tds-btn--primary-marketing:focus:hover {
    background-color: #3b468d; }
  .tds-btn--primary-marketing:active, .tds-btn--primary-marketing:focus:hover:active {
    background-color: #4f5ebc; }

.tds-btn--secondary-marketing {
  color: #222222;
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--secondary-marketing:hover, .tds-btn--secondary-marketing:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary-marketing:active, .tds-btn--secondary-marketing:focus:hover:active {
    background-color: #d6d6d6; }

.tds-btn--tertiary-marketing {
  color: #222222; }
  .tds-btn--tertiary-marketing:hover {
    box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--tertiary-marketing:active, .tds-btn--tertiary-marketing:hover:active {
    background-color: #ededed;
    box-shadow: 0 0 0 1px #222222 inset; }

/*
  *****
  SIZING
  *****
*/
.tds-btn--sm {
  padding: 0 12px;
  line-height: 24px;
  height: 24px;
  font-size: 0.76471rem; }

.tds-btn--lg {
  line-height: 40px;
  height: 40px;
  padding: 0 22px;
  font-size: 1.05882rem; }

.tds-btn--xl {
  line-height: 48px;
  height: 48px;
  padding: 0 27px;
  font-size: 1.29412rem; }

.tds-btn--block {
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }

.tds-btn--block--left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.tds-btn--block--right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

/*
  *****
  DISABLED-STATE
  *****
*/
.tds-btn--is-disabled, .tds-btn--is-disabled:hover, .tds-btn--is-disabled:focus,
.tds-btn:disabled,
.tds-btn:disabled:hover,
.tds-btn:disabled:focus {
  pointer-events: none;
  color: rgba(34, 34, 34, 0.3);
  background-color: rgba(34, 34, 34, 0.03);
  border: 1px solid rgba(34, 34, 34, 0.06);
  box-shadow: none; }
  .tds-btn--is-disabled.tds-btn--primary-inverse, .tds-btn--is-disabled.tds-btn--secondary-inverse, .tds-btn--is-disabled.tds-btn--tertiary-inverse, .tds-btn--is-disabled:hover.tds-btn--primary-inverse, .tds-btn--is-disabled:hover.tds-btn--secondary-inverse, .tds-btn--is-disabled:hover.tds-btn--tertiary-inverse, .tds-btn--is-disabled:focus.tds-btn--primary-inverse, .tds-btn--is-disabled:focus.tds-btn--secondary-inverse, .tds-btn--is-disabled:focus.tds-btn--tertiary-inverse,
  .tds-btn:disabled.tds-btn--primary-inverse,
  .tds-btn:disabled.tds-btn--secondary-inverse,
  .tds-btn:disabled.tds-btn--tertiary-inverse,
  .tds-btn:disabled:hover.tds-btn--primary-inverse,
  .tds-btn:disabled:hover.tds-btn--secondary-inverse,
  .tds-btn:disabled:hover.tds-btn--tertiary-inverse,
  .tds-btn:disabled:focus.tds-btn--primary-inverse,
  .tds-btn:disabled:focus.tds-btn--secondary-inverse,
  .tds-btn:disabled:focus.tds-btn--tertiary-inverse {
    color: rgba(237, 237, 237, 0.3);
    background-color: rgba(237, 237, 237, 0.06);
    border-color: rgba(237, 237, 237, 0.1); }

/*
  *****
  LOADING-STATE
  *****
*/
.tds-btn.tds-btn--loading > span {
  animation: none; }

.tds-btn.tds-btn--loading.tds-btn--loading-fixed-width {
  position: relative; }
  .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width > span {
    visibility: hidden; }
  .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width .icon--loading_wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.7); }

@keyframes tds-loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*
  *****
  POLYFILL FOR `:focus-visible`
  *****
*/
.tds-btn[data-focus-visible-added].tds-btn--primary:focus {
  box-shadow: 0 0 0 2px #515af2 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary:focus {
  box-shadow: 0 0 0 2px #515af2 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-monotone:focus {
  box-shadow: 0 0 0 2px #222222 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-monotone:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-monotone:focus {
  box-shadow: 0 0 0 2px #222222 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-inverse:focus {
  box-shadow: 0 0 0 2px #ffffff inset, 0 0 0 3px #222222 inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-inverse:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-inverse:focus {
  box-shadow: 0 0 0 2px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-warning:focus {
  box-shadow: 0 0 0 2px #bf3458 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-warning:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-warning:focus {
  box-shadow: 0 0 0 2px #bf3458 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-marketing:focus {
  box-shadow: 0 0 0 2px #272f5e inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-marketing:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-marketing:focus {
  box-shadow: 0 0 0 2px #272f5e inset; }

/*
  *****
  ICONS-RELATED (IMPORTED)
  *****
*/
.tds-btn--with-icon.tds-btn--sm {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--loading-fixed-width) {
    padding: 0 10px; }
  .tds-btn--with-icon.tds-btn--sm .icon {
    width: 18px;
    height: 18px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 5px; }
    .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 5px; }
    .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--sm {
  padding: 0 3px; }

.tds-btn--with-icon.tds-btn--md {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--md:not(.tds-btn--loading-fixed-width) {
    padding: 0 15px; }
  .tds-btn--with-icon.tds-btn--md .icon {
    width: 24px;
    height: 24px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 10px; }
    .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 10px; }
    .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--md {
  padding: 0 5px; }

.tds-btn--with-icon.tds-btn--lg {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--loading-fixed-width) {
    padding: 0 18px; }
  .tds-btn--with-icon.tds-btn--lg .icon {
    width: 24px;
    height: 24px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 14px; }
    .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 14px; }
    .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--lg {
  padding: 0 10px; }

.tds-btn--with-icon.tds-btn--xl {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--loading-fixed-width) {
    padding: 0 22px; }
  .tds-btn--with-icon.tds-btn--xl .icon {
    width: 32px;
    height: 32px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 16px; }
    .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 16px; }
    .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--xl {
  padding: 0 11px; }

/*
  Rounded icon
*/
.tds-btn--icon-rounded {
  border-radius: 50%; }

/*
  Loader icon
*/
.tds-btn--with-icon .icon--loading {
  animation: tds-loader-spin .5s infinite linear;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23BFBFBF' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23BFBFBF' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E");
  transform: scale(0.8); }

.icon--loading_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transform: scale(0.7); }

/*
  *****
  PLUS ICON (FOR MAIN THEMES)
  *****
*/
.tds-btn--with-icon.tds-btn--primary .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon.tds-btn--secondary .icon--plus,
.tds-btn--with-icon.tds-btn--tertiary .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

/*
  *****
  REMOVE/CLOSE ICON (FOR MAIN THEMES)
  *****
*/
.tds-btn--with-icon.tds-btn--primary .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon.tds-btn--secondary .icon--remove,
.tds-btn--with-icon.tds-btn--tertiary .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

/*
  *****
  BUTTON WITH CLICKABLE ICON
  *****
*/
.tds-btn_wrapper {
  position: relative;
  display: inline-block; }
  .tds-btn_wrapper > .tds-btn--icon-only {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 4px;
    transform: translateY(-50%); }
    .tds-btn_wrapper > .tds-btn--icon-only:disabled, .tds-btn_wrapper > .tds-btn--icon-only.disabled {
      box-shadow: none;
      background-color: transparent; }
  .tds-btn_wrapper.tds-btn_wrapper--block {
    display: block; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
    padding-left: 31px !important; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
    padding-left: 41px !important; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
    padding-left: 51px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
    padding-right: 31px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
    padding-right: 41px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
    padding-right: 51px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn--icon-only {
    left: auto;
    right: 4px; }

/*
  *****
  DISABLED ICON BUTTONS
  *****
*/
.tds-btn--with-icon:disabled .icon {
  opacity: 0.3; }

.tds-btn--with-icon:disabled .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled .icon--loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23222222' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23222222' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--remove, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--remove, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--plus, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--plus, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--loading, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--loading, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23EDEDED' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23EDEDED' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }

.tds-checkbox {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 7px;
  color: #6376ec; }

.tds-checkbox--lg {
  padding: 12px; }

.tds-checkbox__input {
  position: absolute;
  opacity: 0;
  left: -20px; }

.tds-checkbox__label {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.tds-checkbox__label:before,
.tds-checkbox__label:after {
  transition: background-color 200ms ease, box-shadow 200ms ease; }

.tds-checkbox__label:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  background-color: white; }

.tds-checkbox__label--show-label {
  width: auto;
  height: auto;
  padding-left: 28px; }

.tds-checkbox__label-text {
  font-size: 0;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  color: #222222; }

.tds-checkbox__label-text--visible {
  font-size: 1rem;
  overflow: auto;
  text-indent: 0;
  white-space: normal; }

.tds-checkbox__label:after {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  border-radius: inherit;
  background-color: #f5f5f5;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: scale(0.7);
  transition: background-color 200ms ease, transform 200ms ease; }

.tds-checkbox__input[type=radio] + .tds-checkbox__label:before,
.tds-checkbox__input[type=radio] + .tds-checkbox__label:after {
  border-radius: 50%; }

.tds-checkbox--lg .tds-checkbox__label:before {
  width: 20px;
  height: 20px; }

.tds-checkbox__input:checked + .tds-checkbox__label:before {
  border-color: currentColor; }

.tds-checkbox__input[type=checkbox]:checked + .tds-checkbox__label:before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cpath d='M25 48l15.714 21.429 36.429-44.286' fill='none' stroke-width='8.5' stroke-linecap='round' stroke='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: currentColor; }

.tds-checkbox__input[type=checkbox]:checked + .tds-checkbox__label:after {
  background-color: transparent; }

.tds-checkbox__input[type=radio]:checked + .tds-checkbox__label:after {
  background-color: white;
  transform: scale(0.4); }

.tds-checkbox__input[type=radio]:checked + .tds-checkbox__label:before {
  background-color: currentColor; }

.tds-checkbox__input:focus + .tds-checkbox__label:before,
.tds-checkbox__label:hover:before {
  box-shadow: 0 0 4px 0 currentColor; }

.tds-checkbox__input:active + .tds-checkbox__label:before {
  box-shadow: 0 0 1px 0 currentColor; }

.tds-checkbox--dark .tds-checkbox__label:before {
  border-color: rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.2); }

.tds-checkbox--dark .tds-checkbox__input[type=checkbox]:checked + .tds-checkbox__label:before {
  border-color: rgba(255, 255, 255, 0); }

.tds-checkbox--dark .tds-checkbox__input:checked + .tds-checkbox__label:active:before {
  box-shadow: 0 0 4px 0 currentColor; }

.tds-checkbox--dark .tds-checkbox__label:after {
  background-color: rgba(255, 255, 255, 0.4); }

.tds-checkbox--dark .tds-checkbox__label:hover:before {
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: none; }

.tds-checkbox--dark .tds-checkbox__label-text {
  color: #ffffff; }

.tds-checkbox--disabled {
  pointer-events: none; }

.tds-checkbox--disabled .tds-checkbox__input[type=radio] + .tds-checkbox__label:before {
  background-color: rgba(34, 34, 34, 0.03);
  border-color: rgba(34, 34, 34, 0.06); }

.tds-checkbox--disabled .tds-checkbox__input[type=radio]:checked + .tds-checkbox__label:before {
  background-color: rgba(34, 34, 34, 0.3);
  border-color: rgba(34, 34, 34, 0.06); }

.tds-checkbox--disabled .tds-checkbox__input[type=checkbox]:checked + .tds-checkbox__label:before {
  background-color: rgba(34, 34, 34, 0.3);
  border-color: rgba(34, 34, 34, 0.06); }

.tds-checkbox--disabled .tds-checkbox__label:before {
  background-color: rgba(34, 34, 34, 0.03); }

.tds-checkbox--disabled.tds-checkbox--dark .tds-checkbox__input[type=radio] + .tds-checkbox__label:before {
  background-color: rgba(237, 237, 237, 0.06);
  border-color: rgba(237, 237, 237, 0.1); }

.tds-checkbox--disabled.tds-checkbox--dark .tds-checkbox__input[type=radio]:checked + .tds-checkbox__label:before {
  background-color: rgba(237, 237, 237, 0.3);
  border-color: rgba(237, 237, 237, 0.1); }

.tds-checkbox--disabled.tds-checkbox--dark .tds-checkbox__input[type=checkbox]:checked + .tds-checkbox__label:before {
  background-color: rgba(237, 237, 237, 0.3);
  border-color: rgba(237, 237, 237, 0.1); }

.tds-checkbox--disabled.tds-checkbox--dark .tds-checkbox__label:before {
  background-color: rgba(237, 237, 237, 0.06); }

.tds-form__error {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #ef426f;
  line-height: 1.3;
  font-size: 0.76471rem; }

.icon-stop.icon-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23EF426F' d='M20.155102%2C16.2653061 C20.5591837%2C16.2653061 20.8897959%2C16.5959184 20.8897959%2C17 C20.8897959%2C17.4040816 20.5591837%2C17.7346939 20.155102%2C17.7346939 L13.844898%2C17.7346939 C13.4408163%2C17.7346939 13.1102041%2C17.4040816 13.1102041%2C17 C13.1102041%2C16.5959184 13.4408163%2C16.2653061 13.844898%2C16.2653061 L20.155102%2C16.2653061 Z M26.2653061%2C16.2653061 C26.6693878%2C16.2653061 27%2C16.5959184 27%2C17 C27%2C19.6693878 25.955102%2C22.1795918 24.0693878%2C24.0693878 C22.1836735%2C25.9591837 19.6693878%2C27 17%2C27 C14.3306122%2C27 11.8204082%2C25.955102 9.93061224%2C24.0693878 C8.04081633%2C22.1836735 7%2C19.6693878 7%2C17 C7%2C14.3306122 8.04489796%2C11.8204082 9.93061224%2C9.93061224 C11.8163265%2C8.04081633 14.3306122%2C7 17%2C7 C20.3877551%2C7 23.522449%2C8.69795918 25.3755102%2C11.5346939 C25.6%2C11.8734694 25.5020408%2C12.3306122 25.1632653%2C12.5510204 C24.8244898%2C12.7755102 24.3673469%2C12.677551 24.1469388%2C12.3387755 C22.5632653%2C9.91836735 19.8897959%2C8.46938776 17%2C8.46938776 C12.2979592%2C8.46938776 8.46938776%2C12.2979592 8.46938776%2C17 C8.46938776%2C21.7020408 12.2979592%2C25.5306122 17%2C25.5306122 C21.4530612%2C25.5306122 25.122449%2C22.0938776 25.4979592%2C17.7346939 L23.0408163%2C17.7346939 C22.6367347%2C17.7346939 22.3061224%2C17.4040816 22.3061224%2C17 C22.3061224%2C16.5959184 22.6367347%2C16.2653061 23.0408163%2C16.2653061 L26.2653061%2C16.2653061 Z'/%3E%3C/svg%3E"); }

.tds-control {
  font-size: 1rem;
  min-height: 32px;
  padding: 4px 8px;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #222222;
  display: block;
  font-family: inherit;
  margin: 0;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all ease-in-out 0.15s; }
  .tds-control:hover {
    box-shadow: 0 0 0 4px #f5f5f5 inset; }
  .tds-control:focus {
    border-color: #515af2;
    box-shadow: 0 0 0 1px #515af2 inset;
    outline: none; }
  .tds-control:hover:focus {
    box-shadow: 0 0 0 1px #515af2 inset, 0 0 0 4px #f5f5f5 inset; }
  .tds-control::placeholder, .tds-control::-webkit-input-placeholder {
    /* Edge */
    color: #666666;
    opacity: 0.7; }
  .tds-control::-webkit-calendar-picker-indicator {
    display: none; }

.tds-control--sm {
  font-size: 0.875rem;
  min-height: 24px;
  padding: 4px 6px; }
  .tds-control--sm:hover {
    box-shadow: 0 0 0 2px #f5f5f5 inset; }

.tds-control--lg {
  max-height: 40px;
  font-size: 1.125rem;
  padding: 8px 12px; }
  .tds-control--lg:hover {
    box-shadow: 0 0 0 8px #f5f5f5 inset; }

.tds-control--border-bottom {
  border: none;
  border-bottom: 1px solid #bfbfbf;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0; }
  .tds-control--border-bottom:hover {
    box-shadow: none; }
  .tds-control--border-bottom:focus {
    border-color: #515af2;
    box-shadow: none; }

.tds-control--inverse {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #ffffff; }
  .tds-control--inverse:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.8; }
  .tds-control--inverse::placeholder {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.8; }
  .tds-control--inverse:hover {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1) inset; }
    .tds-control--inverse:hover:-ms-input-placeholder {
      color: #ffffff; }
    .tds-control--inverse:hover::placeholder {
      color: #ffffff; }
  .tds-control--inverse:focus {
    border-color: #ffffff;
    box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-control--inverse:hover:focus {
    box-shadow: 0 0 0 1px #ffffff inset, 0 0 0 4px rgba(255, 255, 255, 0.1) inset; }
  .tds-control--inverse.tds-control--has-error {
    border-color: #fd3753; }
    .tds-control--inverse.tds-control--has-error:focus {
      border-color: #fd3753;
      box-shadow: 0 0 0 1px #fd3753 inset; }
    .tds-control--inverse.tds-control--has-error:hover:focus {
      box-shadow: 0 0 0 1px #fd3753 inset, 0 0 0 4px rgba(255, 255, 255, 0.1) inset; }

.tds-control--has-error {
  border-color: #fd3753; }
  .tds-control--has-error:focus {
    border-color: #fd3753;
    box-shadow: 0 0 0 1px #fd3753 inset; }
  .tds-control--has-error:hover:focus {
    box-shadow: 0 0 0 1px #fd3753 inset, 0 0 0 4px #f5f5f5 inset; }

.tds-control:disabled,
.tds-control--is-disabled {
  pointer-events: none;
  box-shadow: none;
  background-color: rgba(34, 34, 34, 0.03);
  border: 1px solid rgba(34, 34, 34, 0.06);
  color: rgba(34, 34, 34, 0.3); }
  .tds-control:disabled::placeholder, .tds-control:disabled::-webkit-input-placeholder,
  .tds-control--is-disabled::placeholder,
  .tds-control--is-disabled::-webkit-input-placeholder {
    /* Edge */
    color: rgba(34, 34, 34, 0.3);
    opacity: 1; }
  .tds-control:disabled.tds-control--inverse,
  .tds-control--is-disabled.tds-control--inverse {
    pointer-events: none;
    box-shadow: none;
    background-color: rgba(237, 237, 237, 0.06);
    border-color: rgba(237, 237, 237, 0.1);
    color: rgba(237, 237, 237, 0.3); }
    .tds-control:disabled.tds-control--inverse::placeholder, .tds-control:disabled.tds-control--inverse::-webkit-input-placeholder,
    .tds-control--is-disabled.tds-control--inverse::placeholder,
    .tds-control--is-disabled.tds-control--inverse::-webkit-input-placeholder {
      color: rgba(237, 237, 237, 0.3);
      opacity: 1; }

.tds-control-icon-wrapper {
  position: relative;
  display: inline-block;
  width: 100%; }
  .tds-control-icon-wrapper .tds-control {
    width: 100%; }
  .tds-control-icon-wrapper > .icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    pointer-events: none; }

.tds-control-icon-wrapper--is-left .tds-control {
  padding-left: 35px; }
  .tds-control-icon-wrapper--is-left .tds-control.tds-control--sm {
    padding-left: 25px; }
  .tds-control-icon-wrapper--is-left .tds-control.tds-control--lg {
    padding-left: 45px; }

.tds-control-icon-wrapper--is-left > .icon {
  left: 8px;
  right: auto; }

.tds-control-icon-wrapper--is-left.tds-control-icon-wrapper--sm > .icon {
  left: 6px; }

.tds-control-icon-wrapper--is-right .tds-control {
  padding-right: 35px; }
  .tds-control-icon-wrapper--is-right .tds-control.tds-control--sm {
    padding-right: 25px; }
  .tds-control-icon-wrapper--is-right .tds-control.tds-control--lg {
    padding-right: 45px; }

.tds-control-icon-wrapper--is-right.tds-control-icon-wrapper--sm > .icon {
  right: 6px; }

.tds-control-input--clearable {
  position: relative; }
  .tds-control-input--clearable .icon--clear {
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23BFBFBF' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .tds-control-input--clearable > button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px; }
  .tds-control-input--clearable input {
    padding-right: 40px; }
  .tds-control-input--clearable.tds-control-input--clearable-sm input {
    padding-right: 25px; }
  .tds-control-input--clearable.tds-control-input--clearable-lg input {
    padding-right: 45px; }

.pagination {
  /*
  *****
  Completely unstyled button, so either link or button styles can be layered on top
  *****
*/
  /*
  *****
  MAIN THEMES
  *****
*/
  /*
  *****
  MONOTONE THEMES
  *****
*/
  /*
  *****
  INVERSE THEMES
  *****
*/
  /*
  *****
  WARNING THEMES
  *****
*/
  /*
  *****
  MARKETING THEMES
  *****
*/
  /*
  *****
  SIZING
  *****
*/
  /*
  *****
  DISABLED-STATE
  *****
*/
  /*
  *****
  LOADING-STATE
  *****
*/
  /*
  *****
  POLYFILL FOR `:focus-visible`
  *****
*/
  /*
  *****
  ICONS-RELATED (IMPORTED)
  *****
*/
  /*
  Rounded icon
*/
  /*
  Loader icon
*/
  /*
  *****
  PLUS ICON (FOR MAIN THEMES)
  *****
*/
  /*
  *****
  REMOVE/CLOSE ICON (FOR MAIN THEMES)
  *****
*/
  /*
  *****
  BUTTON WITH CLICKABLE ICON
  *****
*/
  /*
  *****
  DISABLED ICON BUTTONS
  *****
*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .pagination .tds-btn {
    font-family: inherit;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-appearance: none;
    white-space: nowrap;
    border-style: none;
    margin: 0;
    border-style: none;
    cursor: pointer;
    font-weight: 500;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    line-height: 32px;
    height: 32px;
    font-size: 0.82353rem;
    padding: 0 17px;
    border-radius: 4px;
    color: inherit;
    background-color: #ffffff;
    white-space: pre; }
    .pagination .tds-btn:focus, .pagination .tds-btn:hover {
      outline: 0;
      text-decoration: none; }
    .pagination .tds-btn:active, .pagination .tds-btn:hover {
      outline: 0;
      text-decoration: none; }
  .pagination .tds-btn--primary {
    color: white;
    background-color: #4f5ebc;
    box-shadow: none; }
    .pagination .tds-btn--primary:hover, .pagination .tds-btn--primary:focus:hover {
      background-color: #3b468d; }
    .pagination .tds-btn--primary:active, .pagination .tds-btn--primary:focus:hover:active {
      background-color: #272f5e; }
  .pagination .tds-btn--secondary,
  .pagination .tds-btn--tertiary {
    color: #515af2; }
  .pagination .tds-btn--secondary {
    box-shadow: 0 0 0 1px #bfbfbf inset; }
  .pagination .tds-btn--secondary {
    background-color: transparent; }
    .pagination .tds-btn--secondary:hover, .pagination .tds-btn--secondary:focus:hover {
      background-color: #ededed; }
    .pagination .tds-btn--secondary:active, .pagination .tds-btn--secondary:focus:hover:active {
      background-color: #f5f5f5; }
  .pagination .tds-btn--tertiary:hover, .pagination .tds-btn--tertiary:hover:focus, .pagination .tds-btn--tertiary:active, .pagination .tds-btn--tertiary:hover:active {
    box-shadow: 0 0 0 1px #bfbfbf inset; }
  .pagination .tds-btn--tertiary,
  .pagination .tds-btn--tertiary-monotone {
    background-color: transparent;
    box-shadow: none; }
    .pagination .tds-btn--tertiary:hover,
    .pagination .tds-btn--tertiary-monotone:hover {
      background-color: transparent; }
    .pagination .tds-btn--tertiary:active, .pagination .tds-btn--tertiary:hover:active,
    .pagination .tds-btn--tertiary-monotone:active,
    .pagination .tds-btn--tertiary-monotone:hover:active {
      background-color: #ededed; }
  .pagination .tds-btn--primary-monotone {
    color: #ffffff;
    background-color: #222222;
    box-shadow: none; }
    .pagination .tds-btn--primary-monotone:hover, .pagination .tds-btn--primary-monotone:focus:hover {
      background-color: #4c4c4c;
      box-shadow: 0 0 0 1px #222222 inset; }
    .pagination .tds-btn--primary-monotone:active, .pagination .tds-btn--primary-monotone:focus:hover:active {
      background-color: #666666;
      box-shadow: 0 0 0 1px #222222 inset; }
  .pagination .tds-btn--secondary-monotone {
    box-shadow: 0 0 0 1px #222222 inset; }
    .pagination .tds-btn--secondary-monotone:hover, .pagination .tds-btn--secondary-monotone:focus:hover {
      background-color: #ededed; }
    .pagination .tds-btn--secondary-monotone:active, .pagination .tds-btn--secondary-monotone:hover:active {
      background-color: #d6d6d6;
      box-shadow: 0 0 0 1px #222222 inset; }
  .pagination .tds-btn--tertiary-monotone:hover, .pagination .tds-btn--tertiary-monotone:hover:focus {
    box-shadow: 0 0 0 1px #222222 inset; }
  .pagination .tds-btn--tertiary-monotone:active, .pagination .tds-btn--tertiary-monotone:hover:active {
    background-color: #d6d6d6;
    box-shadow: 0 0 0 1px #222222 inset; }
  .pagination .tds-btn--secondary-monotone,
  .pagination .tds-btn--tertiary-monotone {
    color: #4c4c4c; }
  .pagination .tds-btn--primary-inverse {
    color: #222222;
    background-color: #ffffff;
    box-shadow: none; }
    .pagination .tds-btn--primary-inverse:hover, .pagination .tds-btn--primary-inverse:focus:hover {
      background-color: #d6d6d6;
      box-shadow: 0 0 0 1px #ffffff inset; }
    .pagination .tds-btn--primary-inverse:active, .pagination .tds-btn--primary-inverse:focus:hover:active {
      background-color: #bfbfbf;
      box-shadow: 0 0 0 1px #ffffff inset; }
  .pagination .tds-btn--secondary-inverse,
  .pagination .tds-btn--tertiary-inverse {
    color: #ffffff; }
  .pagination .tds-btn--secondary-inverse {
    background-color: transparent;
    box-shadow: 0 0 0 1px #ffffff inset; }
    .pagination .tds-btn--secondary-inverse:hover, .pagination .tds-btn--secondary-inverse:focus:hover {
      background-color: #4c4c4c;
      box-shadow: 0 0 0 1px #ffffff inset; }
    .pagination .tds-btn--secondary-inverse:active, .pagination .tds-btn--secondary-inverse:focus:hover:active {
      background-color: #666666;
      box-shadow: 0 0 0 1px #ffffff inset; }
  .pagination .tds-btn--tertiary-inverse {
    background-color: transparent;
    box-shadow: none; }
    .pagination .tds-btn--tertiary-inverse:hover, .pagination .tds-btn--tertiary-inverse:hover:focus {
      box-shadow: 0 0 0 1px #ededed inset; }
    .pagination .tds-btn--tertiary-inverse:active, .pagination .tds-btn--tertiary-inverse:focus:hover:active {
      background-color: #4c4c4c;
      box-shadow: 0 0 0 1px #ededed inset; }
  .pagination .tds-btn--primary-warning {
    color: #ffffff;
    background-color: #e0003a;
    box-shadow: none; }
    .pagination .tds-btn--primary-warning:hover, .pagination .tds-btn--primary-warning:focus:hover {
      background-color: #8f2742; }
    .pagination .tds-btn--primary-warning:focus {
      background-color: #e0003a; }
    .pagination .tds-btn--primary-warning:active, .pagination .tds-btn--primary-warning:focus:hover:active {
      background-color: #5f1a2c; }
  .pagination .tds-btn--secondary-warning,
  .pagination .tds-btn--tertiary-warning {
    color: #e0003a; }
  .pagination .tds-btn--secondary-warning {
    background-color: transparent;
    box-shadow: 0 0 0 1px #e0003a inset; }
    .pagination .tds-btn--secondary-warning:hover, .pagination .tds-btn--secondary-warning:focus:hover {
      background-color: rgba(239, 66, 111, 0.04); }
    .pagination .tds-btn--secondary-warning:active, .pagination .tds-btn--secondary-warning:focus:hover:active {
      background-color: rgba(239, 66, 111, 0.07); }
  .pagination .tds-btn--tertiary-warning {
    background-color: transparent;
    box-shadow: none; }
    .pagination .tds-btn--tertiary-warning:hover {
      background-color: transparent;
      box-shadow: 0 0 0 1px #e0003a inset; }
    .pagination .tds-btn--tertiary-warning:hover:focus {
      box-shadow: 0 0 0 1px #e0003a inset; }
    .pagination .tds-btn--tertiary-warning:active, .pagination .tds-btn--tertiary-warning:focus:hover:active {
      background-color: rgba(239, 66, 111, 0.04);
      box-shadow: 0 0 0 1px #e0003a inset; }
  .pagination .tds-btn--primary-marketing {
    color: #ffffff;
    background-color: #272f5e;
    box-shadow: 0 0 0 1px #222222 inset; }
    .pagination .tds-btn--primary-marketing:hover, .pagination .tds-btn--primary-marketing:focus:hover {
      background-color: #3b468d; }
    .pagination .tds-btn--primary-marketing:active, .pagination .tds-btn--primary-marketing:focus:hover:active {
      background-color: #4f5ebc; }
  .pagination .tds-btn--secondary-marketing {
    color: #222222;
    box-shadow: 0 0 0 1px #222222 inset; }
    .pagination .tds-btn--secondary-marketing:hover, .pagination .tds-btn--secondary-marketing:focus:hover {
      background-color: #ededed; }
    .pagination .tds-btn--secondary-marketing:active, .pagination .tds-btn--secondary-marketing:focus:hover:active {
      background-color: #d6d6d6; }
  .pagination .tds-btn--tertiary-marketing {
    color: #222222; }
    .pagination .tds-btn--tertiary-marketing:hover {
      box-shadow: 0 0 0 1px #222222 inset; }
    .pagination .tds-btn--tertiary-marketing:active, .pagination .tds-btn--tertiary-marketing:hover:active {
      background-color: #ededed;
      box-shadow: 0 0 0 1px #222222 inset; }
  .pagination .tds-btn--sm {
    padding: 0 12px;
    line-height: 24px;
    height: 24px;
    font-size: 0.76471rem; }
  .pagination .tds-btn--lg {
    line-height: 40px;
    height: 40px;
    padding: 0 22px;
    font-size: 1.05882rem; }
  .pagination .tds-btn--xl {
    line-height: 48px;
    height: 48px;
    padding: 0 27px;
    font-size: 1.29412rem; }
  .pagination .tds-btn--block {
    text-align: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
  .pagination .tds-btn--block--left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .pagination .tds-btn--block--right {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .pagination .tds-btn--is-disabled, .pagination .tds-btn--is-disabled:hover, .pagination .tds-btn--is-disabled:focus,
  .pagination .tds-btn:disabled,
  .pagination .tds-btn:disabled:hover,
  .pagination .tds-btn:disabled:focus {
    pointer-events: none;
    color: rgba(34, 34, 34, 0.3);
    background-color: rgba(34, 34, 34, 0.03);
    border: 1px solid rgba(34, 34, 34, 0.06);
    box-shadow: none; }
    .pagination .tds-btn--is-disabled.tds-btn--primary-inverse, .pagination .tds-btn--is-disabled.tds-btn--secondary-inverse, .pagination .tds-btn--is-disabled.tds-btn--tertiary-inverse, .pagination .tds-btn--is-disabled:hover.tds-btn--primary-inverse, .pagination .tds-btn--is-disabled:hover.tds-btn--secondary-inverse, .pagination .tds-btn--is-disabled:hover.tds-btn--tertiary-inverse, .pagination .tds-btn--is-disabled:focus.tds-btn--primary-inverse, .pagination .tds-btn--is-disabled:focus.tds-btn--secondary-inverse, .pagination .tds-btn--is-disabled:focus.tds-btn--tertiary-inverse,
    .pagination .tds-btn:disabled.tds-btn--primary-inverse,
    .pagination .tds-btn:disabled.tds-btn--secondary-inverse,
    .pagination .tds-btn:disabled.tds-btn--tertiary-inverse,
    .pagination .tds-btn:disabled:hover.tds-btn--primary-inverse,
    .pagination .tds-btn:disabled:hover.tds-btn--secondary-inverse,
    .pagination .tds-btn:disabled:hover.tds-btn--tertiary-inverse,
    .pagination .tds-btn:disabled:focus.tds-btn--primary-inverse,
    .pagination .tds-btn:disabled:focus.tds-btn--secondary-inverse,
    .pagination .tds-btn:disabled:focus.tds-btn--tertiary-inverse {
      color: rgba(237, 237, 237, 0.3);
      background-color: rgba(237, 237, 237, 0.06);
      border-color: rgba(237, 237, 237, 0.1); }
  .pagination .tds-btn.tds-btn--loading > span {
    animation: none; }
  .pagination .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width {
    position: relative; }
    .pagination .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width > span {
      visibility: hidden; }
    .pagination .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width .icon--loading_wrapper {
      position: absolute;
      left: 50%;
      transform: translateX(-50%) scale(0.7); }

@keyframes tds-loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--primary:focus {
    box-shadow: 0 0 0 2px #515af2 inset, 0 0 0 3px #ffffff inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--secondary:focus, .pagination .tds-btn[data-focus-visible-added].tds-btn--tertiary:focus {
    box-shadow: 0 0 0 2px #515af2 inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--primary-monotone:focus {
    box-shadow: 0 0 0 2px #222222 inset, 0 0 0 3px #ffffff inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--secondary-monotone:focus, .pagination .tds-btn[data-focus-visible-added].tds-btn--tertiary-monotone:focus {
    box-shadow: 0 0 0 2px #222222 inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--primary-inverse:focus {
    box-shadow: 0 0 0 2px #ffffff inset, 0 0 0 3px #222222 inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--secondary-inverse:focus, .pagination .tds-btn[data-focus-visible-added].tds-btn--tertiary-inverse:focus {
    box-shadow: 0 0 0 2px #ffffff inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--primary-warning:focus {
    box-shadow: 0 0 0 2px #bf3458 inset, 0 0 0 3px #ffffff inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--secondary-warning:focus, .pagination .tds-btn[data-focus-visible-added].tds-btn--tertiary-warning:focus {
    box-shadow: 0 0 0 2px #bf3458 inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--primary-marketing:focus {
    box-shadow: 0 0 0 2px #272f5e inset, 0 0 0 3px #ffffff inset; }
  .pagination .tds-btn[data-focus-visible-added].tds-btn--secondary-marketing:focus, .pagination .tds-btn[data-focus-visible-added].tds-btn--tertiary-marketing:focus {
    box-shadow: 0 0 0 2px #272f5e inset; }
  .pagination .tds-btn--with-icon.tds-btn--sm {
    -ms-flex-align: center;
        align-items: center; }
    .pagination .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--loading-fixed-width) {
      padding: 0 10px; }
    .pagination .tds-btn--with-icon.tds-btn--sm .icon {
      width: 18px;
      height: 18px;
      background-position: center; }
    .pagination .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-left: 5px; }
      .pagination .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-right: 2px; }
    .pagination .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-right: 5px; }
      .pagination .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-left: 2px; }
  .pagination .tds-btn--with-icon.tds-btn--icon-only.tds-btn--sm {
    padding: 0 3px; }
  .pagination .tds-btn--with-icon.tds-btn--md {
    -ms-flex-align: center;
        align-items: center; }
    .pagination .tds-btn--with-icon.tds-btn--md:not(.tds-btn--loading-fixed-width) {
      padding: 0 15px; }
    .pagination .tds-btn--with-icon.tds-btn--md .icon {
      width: 24px;
      height: 24px;
      background-position: center; }
    .pagination .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-left: 10px; }
      .pagination .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-right: 2px; }
    .pagination .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-right: 10px; }
      .pagination .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-left: 2px; }
  .pagination .tds-btn--with-icon.tds-btn--icon-only.tds-btn--md {
    padding: 0 5px; }
  .pagination .tds-btn--with-icon.tds-btn--lg {
    -ms-flex-align: center;
        align-items: center; }
    .pagination .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--loading-fixed-width) {
      padding: 0 18px; }
    .pagination .tds-btn--with-icon.tds-btn--lg .icon {
      width: 24px;
      height: 24px;
      background-position: center; }
    .pagination .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-left: 14px; }
      .pagination .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-right: 2px; }
    .pagination .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-right: 14px; }
      .pagination .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-left: 2px; }
  .pagination .tds-btn--with-icon.tds-btn--icon-only.tds-btn--lg {
    padding: 0 10px; }
  .pagination .tds-btn--with-icon.tds-btn--xl {
    -ms-flex-align: center;
        align-items: center; }
    .pagination .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--loading-fixed-width) {
      padding: 0 22px; }
    .pagination .tds-btn--with-icon.tds-btn--xl .icon {
      width: 32px;
      height: 32px;
      background-position: center; }
    .pagination .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-left: 16px; }
      .pagination .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-right: 2px; }
    .pagination .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
      padding-right: 16px; }
      .pagination .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
        margin-left: 2px; }
  .pagination .tds-btn--with-icon.tds-btn--icon-only.tds-btn--xl {
    padding: 0 11px; }
  .pagination .tds-btn--icon-rounded {
    border-radius: 50%; }
  .pagination .tds-btn--with-icon .icon--loading {
    animation: tds-loader-spin .5s infinite linear;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23BFBFBF' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23BFBFBF' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E");
    transform: scale(0.8); }
  .pagination .icon--loading_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    transform: scale(0.7); }
  .pagination .tds-btn--with-icon.tds-btn--primary .icon--plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon.tds-btn--secondary .icon--plus,
  .pagination .tds-btn--with-icon.tds-btn--tertiary .icon--plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon.tds-btn--primary .icon--remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon.tds-btn--secondary .icon--remove,
  .pagination .tds-btn--with-icon.tds-btn--tertiary .icon--remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn_wrapper {
    position: relative;
    display: inline-block; }
    .pagination .tds-btn_wrapper > .tds-btn--icon-only {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 4px;
      transform: translateY(-50%); }
      .pagination .tds-btn_wrapper > .tds-btn--icon-only:disabled, .pagination .tds-btn_wrapper > .tds-btn--icon-only.disabled {
        box-shadow: none;
        background-color: transparent; }
    .pagination .tds-btn_wrapper.tds-btn_wrapper--block {
      display: block; }
    .pagination .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
      padding-left: 31px !important; }
    .pagination .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
      padding-left: 41px !important; }
    .pagination .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
      padding-left: 51px !important; }
    .pagination .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
      padding-right: 31px !important; }
    .pagination .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
      padding-right: 41px !important; }
    .pagination .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
      padding-right: 51px !important; }
    .pagination .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn--icon-only {
      left: auto;
      right: 4px; }
  .pagination .tds-btn--with-icon:disabled .icon {
    opacity: 0.3; }
  .pagination .tds-btn--with-icon:disabled .icon--remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon:disabled .icon--plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon:disabled .icon--loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23222222' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23222222' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--remove, .pagination .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--remove, .pagination .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--remove {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--plus, .pagination .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--plus, .pagination .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--plus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--loading, .pagination .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--loading, .pagination .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23EDEDED' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23EDEDED' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }
  .pagination .icon--prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%236376EC' d='M21.051546%2C10.6411794 C21.4386317%2C10.2540937 21.4520409%2C9.63991318 21.0814964%2C9.2693687 C20.710952%2C8.89882422 20.0967714%2C8.91223347 19.7096858%2C9.2993191 L12%2C17.0090049 L19.3802314%2C24.3892363 C19.7507759%2C24.7597807 20.3649564%2C24.7463715 20.752042%2C24.3592859 C21.1391277%2C23.9722002 21.1525369%2C23.3580197 20.7819924%2C22.9874752 L14.7436213%2C16.9491041 L21.051546%2C10.6411794 Z'/%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .icon--next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%236376EC' d='M12.2993191%2C23.0174256 C11.9122335%2C23.4045112 11.8988242%2C24.0186918 12.2693687%2C24.3892363 C12.6399132%2C24.7597807 13.2540937%2C24.7463715 13.6411794%2C24.3592859 L21.3508651%2C16.6496001 L13.9706337%2C9.2693687 C13.6000893%2C8.89882422 12.9859087%2C8.91223347 12.5988231%2C9.2993191 C12.2117375%2C9.68640472 12.1983282%2C10.3005853 12.5688727%2C10.6711298 L18.6072438%2C16.7095009 L12.2993191%2C23.0174256 Z'/%3E  %3C/g%3E%3C/svg%3E"); }
  .pagination .icon-dots {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23666666' d='M25%2C19 C23.8954305%2C19 23%2C18.1045695 23%2C17 C23%2C15.8954305 23.8954305%2C15 25%2C15 C26.1045695%2C15 27%2C15.8954305 27%2C17 C27%2C18.1045695 26.1045695%2C19 25%2C19 Z M17%2C19 C15.8954305%2C19 15%2C18.1045695 15%2C17 C15%2C15.8954305 15.8954305%2C15 17%2C15 C18.1045695%2C15 19%2C15.8954305 19%2C17 C19%2C18.1045695 18.1045695%2C19 17%2C19 Z M9%2C19 C7.8954305%2C19 7%2C18.1045695 7%2C17 C7%2C15.8954305 7.8954305%2C15 9%2C15 C10.1045695%2C15 11%2C15.8954305 11%2C17 C11%2C18.1045695 10.1045695%2C19 9%2C19 Z'/%3E%3C/svg%3E"); }
  .pagination .tds-btn {
    padding: 0;
    width: 34px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-right: 3px; }
  .pagination .tds-btn:not(.pagination__prev):not(.pagination__next),
  .pagination .icon-dots {
    display: none; }
  .pagination .tds-btn--neutral {
    box-shadow: none; }
  @media screen and (min-width: 984px) {
    .pagination .tds-btn:not(.pagination__prev):not(.pagination__next),
    .pagination .icon-dots {
      display: -ms-inline-flexbox;
      display: inline-flex; } }

.pagination__text-info {
  line-height: 33px;
  margin-right: 3px; }

/*
  *****
  Completely unstyled button, so either link or button styles can be layered on top
  *****
*/
.tds-btn {
  font-family: inherit;
  display: inline-block;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  white-space: nowrap;
  border-style: none;
  margin: 0;
  border-style: none;
  cursor: pointer;
  font-weight: 500;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  line-height: 32px;
  height: 32px;
  font-size: 0.82353rem;
  padding: 0 17px;
  border-radius: 4px;
  color: inherit;
  background-color: #ffffff;
  white-space: pre; }
  .tds-btn:focus, .tds-btn:hover {
    outline: 0;
    text-decoration: none; }
  .tds-btn:active, .tds-btn:hover {
    outline: 0;
    text-decoration: none; }

/*
  *****
  MAIN THEMES
  *****
*/
.tds-btn--primary {
  color: white;
  background-color: #4f5ebc;
  box-shadow: none; }
  .tds-btn--primary:hover, .tds-btn--primary:focus:hover {
    background-color: #3b468d; }
  .tds-btn--primary:active, .tds-btn--primary:focus:hover:active {
    background-color: #272f5e; }

.tds-btn--secondary,
.tds-btn--tertiary {
  color: #515af2; }

.tds-btn--secondary {
  box-shadow: 0 0 0 1px #bfbfbf inset; }

.tds-btn--secondary {
  background-color: transparent; }
  .tds-btn--secondary:hover, .tds-btn--secondary:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary:active, .tds-btn--secondary:focus:hover:active {
    background-color: #f5f5f5; }

.tds-btn--tertiary:hover, .tds-btn--tertiary:hover:focus, .tds-btn--tertiary:active, .tds-btn--tertiary:hover:active {
  box-shadow: 0 0 0 1px #bfbfbf inset; }

.tds-btn--tertiary,
.tds-btn--tertiary-monotone {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary:hover,
  .tds-btn--tertiary-monotone:hover {
    background-color: transparent; }
  .tds-btn--tertiary:active, .tds-btn--tertiary:hover:active,
  .tds-btn--tertiary-monotone:active,
  .tds-btn--tertiary-monotone:hover:active {
    background-color: #ededed; }

/*
  *****
  MONOTONE THEMES
  *****
*/
.tds-btn--primary-monotone {
  color: #ffffff;
  background-color: #222222;
  box-shadow: none; }
  .tds-btn--primary-monotone:hover, .tds-btn--primary-monotone:focus:hover {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--primary-monotone:active, .tds-btn--primary-monotone:focus:hover:active {
    background-color: #666666;
    box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--secondary-monotone {
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--secondary-monotone:hover, .tds-btn--secondary-monotone:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary-monotone:active, .tds-btn--secondary-monotone:hover:active {
    background-color: #d6d6d6;
    box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--tertiary-monotone:hover, .tds-btn--tertiary-monotone:hover:focus {
  box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--tertiary-monotone:active, .tds-btn--tertiary-monotone:hover:active {
  background-color: #d6d6d6;
  box-shadow: 0 0 0 1px #222222 inset; }

.tds-btn--secondary-monotone,
.tds-btn--tertiary-monotone {
  color: #4c4c4c; }

/*
  *****
  INVERSE THEMES
  *****
*/
.tds-btn--primary-inverse {
  color: #222222;
  background-color: #ffffff;
  box-shadow: none; }
  .tds-btn--primary-inverse:hover, .tds-btn--primary-inverse:focus:hover {
    background-color: #d6d6d6;
    box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--primary-inverse:active, .tds-btn--primary-inverse:focus:hover:active {
    background-color: #bfbfbf;
    box-shadow: 0 0 0 1px #ffffff inset; }

.tds-btn--secondary-inverse,
.tds-btn--tertiary-inverse {
  color: #ffffff; }

.tds-btn--secondary-inverse {
  background-color: transparent;
  box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--secondary-inverse:hover, .tds-btn--secondary-inverse:focus:hover {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #ffffff inset; }
  .tds-btn--secondary-inverse:active, .tds-btn--secondary-inverse:focus:hover:active {
    background-color: #666666;
    box-shadow: 0 0 0 1px #ffffff inset; }

.tds-btn--tertiary-inverse {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary-inverse:hover, .tds-btn--tertiary-inverse:hover:focus {
    box-shadow: 0 0 0 1px #ededed inset; }
  .tds-btn--tertiary-inverse:active, .tds-btn--tertiary-inverse:focus:hover:active {
    background-color: #4c4c4c;
    box-shadow: 0 0 0 1px #ededed inset; }

/*
  *****
  WARNING THEMES
  *****
*/
.tds-btn--primary-warning {
  color: #ffffff;
  background-color: #e0003a;
  box-shadow: none; }
  .tds-btn--primary-warning:hover, .tds-btn--primary-warning:focus:hover {
    background-color: #8f2742; }
  .tds-btn--primary-warning:focus {
    background-color: #e0003a; }
  .tds-btn--primary-warning:active, .tds-btn--primary-warning:focus:hover:active {
    background-color: #5f1a2c; }

.tds-btn--secondary-warning,
.tds-btn--tertiary-warning {
  color: #e0003a; }

.tds-btn--secondary-warning {
  background-color: transparent;
  box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--secondary-warning:hover, .tds-btn--secondary-warning:focus:hover {
    background-color: rgba(239, 66, 111, 0.04); }
  .tds-btn--secondary-warning:active, .tds-btn--secondary-warning:focus:hover:active {
    background-color: rgba(239, 66, 111, 0.07); }

.tds-btn--tertiary-warning {
  background-color: transparent;
  box-shadow: none; }
  .tds-btn--tertiary-warning:hover {
    background-color: transparent;
    box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--tertiary-warning:hover:focus {
    box-shadow: 0 0 0 1px #e0003a inset; }
  .tds-btn--tertiary-warning:active, .tds-btn--tertiary-warning:focus:hover:active {
    background-color: rgba(239, 66, 111, 0.04);
    box-shadow: 0 0 0 1px #e0003a inset; }

/*
  *****
  MARKETING THEMES
  *****
*/
.tds-btn--primary-marketing {
  color: #ffffff;
  background-color: #272f5e;
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--primary-marketing:hover, .tds-btn--primary-marketing:focus:hover {
    background-color: #3b468d; }
  .tds-btn--primary-marketing:active, .tds-btn--primary-marketing:focus:hover:active {
    background-color: #4f5ebc; }

.tds-btn--secondary-marketing {
  color: #222222;
  box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--secondary-marketing:hover, .tds-btn--secondary-marketing:focus:hover {
    background-color: #ededed; }
  .tds-btn--secondary-marketing:active, .tds-btn--secondary-marketing:focus:hover:active {
    background-color: #d6d6d6; }

.tds-btn--tertiary-marketing {
  color: #222222; }
  .tds-btn--tertiary-marketing:hover {
    box-shadow: 0 0 0 1px #222222 inset; }
  .tds-btn--tertiary-marketing:active, .tds-btn--tertiary-marketing:hover:active {
    background-color: #ededed;
    box-shadow: 0 0 0 1px #222222 inset; }

/*
  *****
  SIZING
  *****
*/
.tds-btn--sm {
  padding: 0 12px;
  line-height: 24px;
  height: 24px;
  font-size: 0.76471rem; }

.tds-btn--lg {
  line-height: 40px;
  height: 40px;
  padding: 0 22px;
  font-size: 1.05882rem; }

.tds-btn--xl {
  line-height: 48px;
  height: 48px;
  padding: 0 27px;
  font-size: 1.29412rem; }

.tds-btn--block {
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%; }

.tds-btn--block--left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.tds-btn--block--right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

/*
  *****
  DISABLED-STATE
  *****
*/
.tds-btn--is-disabled, .tds-btn--is-disabled:hover, .tds-btn--is-disabled:focus,
.tds-btn:disabled,
.tds-btn:disabled:hover,
.tds-btn:disabled:focus {
  pointer-events: none;
  color: rgba(34, 34, 34, 0.3);
  background-color: rgba(34, 34, 34, 0.03);
  border: 1px solid rgba(34, 34, 34, 0.06);
  box-shadow: none; }
  .tds-btn--is-disabled.tds-btn--primary-inverse, .tds-btn--is-disabled.tds-btn--secondary-inverse, .tds-btn--is-disabled.tds-btn--tertiary-inverse, .tds-btn--is-disabled:hover.tds-btn--primary-inverse, .tds-btn--is-disabled:hover.tds-btn--secondary-inverse, .tds-btn--is-disabled:hover.tds-btn--tertiary-inverse, .tds-btn--is-disabled:focus.tds-btn--primary-inverse, .tds-btn--is-disabled:focus.tds-btn--secondary-inverse, .tds-btn--is-disabled:focus.tds-btn--tertiary-inverse,
  .tds-btn:disabled.tds-btn--primary-inverse,
  .tds-btn:disabled.tds-btn--secondary-inverse,
  .tds-btn:disabled.tds-btn--tertiary-inverse,
  .tds-btn:disabled:hover.tds-btn--primary-inverse,
  .tds-btn:disabled:hover.tds-btn--secondary-inverse,
  .tds-btn:disabled:hover.tds-btn--tertiary-inverse,
  .tds-btn:disabled:focus.tds-btn--primary-inverse,
  .tds-btn:disabled:focus.tds-btn--secondary-inverse,
  .tds-btn:disabled:focus.tds-btn--tertiary-inverse {
    color: rgba(237, 237, 237, 0.3);
    background-color: rgba(237, 237, 237, 0.06);
    border-color: rgba(237, 237, 237, 0.1); }

/*
  *****
  LOADING-STATE
  *****
*/
.tds-btn.tds-btn--loading > span {
  animation: none; }

.tds-btn.tds-btn--loading.tds-btn--loading-fixed-width {
  position: relative; }
  .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width > span {
    visibility: hidden; }
  .tds-btn.tds-btn--loading.tds-btn--loading-fixed-width .icon--loading_wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.7); }

@keyframes tds-loader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*
  *****
  POLYFILL FOR `:focus-visible`
  *****
*/
.tds-btn[data-focus-visible-added].tds-btn--primary:focus {
  box-shadow: 0 0 0 2px #515af2 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary:focus {
  box-shadow: 0 0 0 2px #515af2 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-monotone:focus {
  box-shadow: 0 0 0 2px #222222 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-monotone:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-monotone:focus {
  box-shadow: 0 0 0 2px #222222 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-inverse:focus {
  box-shadow: 0 0 0 2px #ffffff inset, 0 0 0 3px #222222 inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-inverse:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-inverse:focus {
  box-shadow: 0 0 0 2px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-warning:focus {
  box-shadow: 0 0 0 2px #bf3458 inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-warning:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-warning:focus {
  box-shadow: 0 0 0 2px #bf3458 inset; }

.tds-btn[data-focus-visible-added].tds-btn--primary-marketing:focus {
  box-shadow: 0 0 0 2px #272f5e inset, 0 0 0 3px #ffffff inset; }

.tds-btn[data-focus-visible-added].tds-btn--secondary-marketing:focus, .tds-btn[data-focus-visible-added].tds-btn--tertiary-marketing:focus {
  box-shadow: 0 0 0 2px #272f5e inset; }

/*
  *****
  ICONS-RELATED (IMPORTED)
  *****
*/
.tds-btn--with-icon.tds-btn--sm {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--loading-fixed-width) {
    padding: 0 10px; }
  .tds-btn--with-icon.tds-btn--sm .icon {
    width: 18px;
    height: 18px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 5px; }
    .tds-btn--with-icon.tds-btn--sm:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 5px; }
    .tds-btn--with-icon.tds-btn--sm.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--sm {
  padding: 0 3px; }

.tds-btn--with-icon.tds-btn--md {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--md:not(.tds-btn--loading-fixed-width) {
    padding: 0 15px; }
  .tds-btn--with-icon.tds-btn--md .icon {
    width: 24px;
    height: 24px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 10px; }
    .tds-btn--with-icon.tds-btn--md:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 10px; }
    .tds-btn--with-icon.tds-btn--md.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--md {
  padding: 0 5px; }

.tds-btn--with-icon.tds-btn--lg {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--loading-fixed-width) {
    padding: 0 18px; }
  .tds-btn--with-icon.tds-btn--lg .icon {
    width: 24px;
    height: 24px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 14px; }
    .tds-btn--with-icon.tds-btn--lg:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 14px; }
    .tds-btn--with-icon.tds-btn--lg.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--lg {
  padding: 0 10px; }

.tds-btn--with-icon.tds-btn--xl {
  -ms-flex-align: center;
      align-items: center; }
  .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--loading-fixed-width) {
    padding: 0 22px; }
  .tds-btn--with-icon.tds-btn--xl .icon {
    width: 32px;
    height: 32px;
    background-position: center; }
  .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-left: 16px; }
    .tds-btn--with-icon.tds-btn--xl:not(.tds-btn--with-icon-right):not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-right: 2px; }
  .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) {
    padding-right: 16px; }
    .tds-btn--with-icon.tds-btn--xl.tds-btn--with-icon-right:not(.tds-btn--icon-only):not(.tds-btn--loading-fixed-width) .icon {
      margin-left: 2px; }

.tds-btn--with-icon.tds-btn--icon-only.tds-btn--xl {
  padding: 0 11px; }

/*
  Rounded icon
*/
.tds-btn--icon-rounded {
  border-radius: 50%; }

/*
  Loader icon
*/
.tds-btn--with-icon .icon--loading {
  animation: tds-loader-spin .5s infinite linear;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23BFBFBF' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23BFBFBF' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E");
  transform: scale(0.8); }

.icon--loading_wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  transform: scale(0.7); }

/*
  *****
  PLUS ICON (FOR MAIN THEMES)
  *****
*/
.tds-btn--with-icon.tds-btn--primary .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon.tds-btn--secondary .icon--plus,
.tds-btn--with-icon.tds-btn--tertiary .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

/*
  *****
  REMOVE/CLOSE ICON (FOR MAIN THEMES)
  *****
*/
.tds-btn--with-icon.tds-btn--primary .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon.tds-btn--secondary .icon--remove,
.tds-btn--with-icon.tds-btn--tertiary .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%234F5EBC' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

/*
  *****
  BUTTON WITH CLICKABLE ICON
  *****
*/
.tds-btn_wrapper {
  position: relative;
  display: inline-block; }
  .tds-btn_wrapper > .tds-btn--icon-only {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 4px;
    transform: translateY(-50%); }
    .tds-btn_wrapper > .tds-btn--icon-only:disabled, .tds-btn_wrapper > .tds-btn--icon-only.disabled {
      box-shadow: none;
      background-color: transparent; }
  .tds-btn_wrapper.tds-btn_wrapper--block {
    display: block; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
    padding-left: 31px !important; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
    padding-left: 41px !important; }
  .tds-btn_wrapper:not(.tds-btn_wrapper--icon-right) > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
    padding-left: 51px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--md:not(.tds-btn--icon-only) {
    padding-right: 31px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--lg:not(.tds-btn--icon-only) {
    padding-right: 41px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn.tds-btn--xl:not(.tds-btn--icon-only) {
    padding-right: 51px !important; }
  .tds-btn_wrapper.tds-btn_wrapper--icon-right > .tds-btn--icon-only {
    left: auto;
    right: 4px; }

/*
  *****
  DISABLED ICON BUTTONS
  *****
*/
.tds-btn--with-icon:disabled .icon {
  opacity: 0.3; }

.tds-btn--with-icon:disabled .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled .icon--loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23222222' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23222222' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--remove, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--remove, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--remove {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--plus, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--plus, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='17'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(9 9)'%3E      %3Cpath d='M1%2C9 L15%2C9 C15.5522847%2C9 16%2C8.55228475 16%2C8 C16%2C7.44771525 15.5522847%2C7 15%2C7 L1%2C7 C0.44771525%2C7 0%2C7.44771525 0%2C8 C0%2C8.55228475 0.44771525%2C9 1%2C9 Z'/%3E      %3Cpath d='M7%2C1 L7%2C15 C7%2C15.5522847 7.44771525%2C16 8%2C16 C8.55228475%2C16 9%2C15.5522847 9%2C15 L9%2C1 C9%2C0.44771525 8.55228475%2C0 8%2C0 C7.44771525%2C0 7%2C0.44771525 7%2C1 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.tds-btn--with-icon:disabled.tds-btn--primary-inverse .icon--loading, .tds-btn--with-icon:disabled.tds-btn--secondary-inverse .icon--loading, .tds-btn--with-icon:disabled.tds-btn--tertiary-inverse .icon--loading {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='475 -301.4 1792 1792'%3E%3Cpath fill='%23EDEDED' d='M1371.3-203.9c107.5 0 211.7 21 309.7 62.5 47.1 19.9 92.6 44.6 135.1 73.3 42.2 28.5 81.8 61.2 117.8 97.2s68.7 75.7 97.2 117.8c28.7 42.5 53.4 88 73.3 135.1 41.5 98 62.5 202.2 62.5 309.7s-21 211.7-62.5 309.7c-19.9 47.1-44.6 92.6-73.3 135.1-28.5 42.2-61.2 81.8-97.2 117.8s-75.7 68.7-117.8 97.2c-42.5 28.7-88 53.4-135.1 73.3-98 41.5-202.2 62.5-309.7 62.5s-211.7-21-309.7-62.5c-47.1-19.9-92.6-44.6-135.1-73.3-42.2-28.5-81.8-61.2-117.8-97.2s-68.7-75.7-97.2-117.8c-28.7-42.5-53.4-88-73.3-135.1-41.5-98-62.5-202.2-62.5-309.7s21-211.7 62.5-309.7c19.9-47.1 44.6-92.6 73.3-135.1 28.5-42.2 61.2-81.8 97.2-117.8s75.7-68.7 117.8-97.2c42.5-28.7 88-53.4 135.1-73.3 98-41.5 202.2-62.5 309.7-62.5m0-100c-494.7 0-895.7 401-895.7 895.7s401 895.7 895.7 895.7 895.7-401 895.7-895.7-401-895.7-895.7-895.7z' opacity='.5'/%3E%3Cpath fill='none' stroke='%23EDEDED' stroke-width='100' stroke-linejoin='round' stroke-miterlimit='10' d='M1371.3-253.4c468.2 0 847.7 379.5 847.7 847.7'/%3E%3C/svg%3E"); }

.pills__container {
  list-style: none;
  display: inline-block; }
  .pills__container .pill {
    margin-right: 5px;
    margin-bottom: 5px; }

.pill {
  display: inline-block;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 1px solid #6376ec;
  background-color: #6376ec;
  color: #ffffff;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 0.94118rem;
  text-decoration: none;
  cursor: pointer; }
  .pill:hover {
    text-decoration: none;
    background-color: #4f5ebc; }

.pill--close_left,
.pill--close_right {
  padding: 4px 5px; }

.pill--close_left {
  padding-right: 10px; }

.pill--close_right {
  padding-left: 10px; }
  .pill--close_right .pill--remove {
    margin-left: 5px;
    margin-right: 0; }

.pill--gray {
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  color: #666666; }

.pill--white {
  color: #666666;
  background-color: #ffffff;
  border: 1px solid #ededed; }

.pill--gray:hover,
.pill--white:hover {
  background-color: #ededed; }

.pill--gray .pill--icon,
.pill--white .pill--icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%236376EC' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.pill--gray .pill--remove:focus, .pill--gray .pill--remove:hover,
.pill--white .pill--remove:focus,
.pill--white .pill--remove:hover {
  background-color: #d6d6d6; }

.pill--gray .pill--remove:active,
.pill--white .pill--remove:active {
  background-color: #bfbfbf; }

.pill--remove {
  font-family: inherit;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  white-space: nowrap;
  border-style: none;
  margin: 0;
  border-style: none;
  cursor: pointer;
  font-weight: 500;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background-color: transparent;
  padding: 4px 6px;
  margin-right: 5px;
  border-radius: 4px;
  color: inherit; }
  .pill--remove:focus, .pill--remove:hover {
    outline: 0;
    text-decoration: none;
    background-color: #3b468d; }
  .pill--remove:focus {
    box-shadow: 0 0 0 2px #00b5e2; }
  .pill--remove:active, .pill--remove:hover {
    outline: 0;
    text-decoration: none; }
  .pill--remove:active {
    background-color: #2c3469; }

.pill--icon {
  width: 9px;
  height: 10px;
  background-size: 23px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23FFFFFF' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.smart-nav--not-full-screen .smart-nav__overlay {
  position: relative;
  overflow: hidden; }

.smart-nav--not-full-screen .smart-nav__header,
.smart-nav--not-full-screen .smart-nav__footer {
  position: absolute; }

.smart-nav--not-full-screen .smart-nav__menu {
  position: relative;
  min-height: 180px;
  width: 250px; }

.smart-nav__overlay {
  position: fixed;
  z-index: 5;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.smart-nav__header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ededed; }
  .smart-nav__header button {
    position: absolute;
    left: 2px;
    top: 3px;
    z-index: 2; }
  .smart-nav__header .icon--back {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%234C4C4C' d='M21.051546%2C10.6411794 C21.4386317%2C10.2540937 21.4520409%2C9.63991318 21.0814964%2C9.2693687 C20.710952%2C8.89882422 20.0967714%2C8.91223347 19.7096858%2C9.2993191 L12%2C17.0090049 L19.3802314%2C24.3892363 C19.7507759%2C24.7597807 20.3649564%2C24.7463715 20.752042%2C24.3592859 C21.1391277%2C23.9722002 21.1525369%2C23.3580197 20.7819924%2C22.9874752 L14.7436213%2C16.9491041 L21.051546%2C10.6411794 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.smart-nav__footer {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
  padding: 20px;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), #ffffff 70%);
  animation: sn-appear-footer .2s ease-in forwards;
  animation-delay: .2s; }

.smart-nav__title {
  margin: 0;
  padding: 0;
  font-size: 0.94118rem;
  position: relative;
  width: 100%; }
  .smart-nav__title + button {
    right: 2px;
    left: auto; }

.smart-nav__title-item {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #f5f5f5; }
  .smart-nav__title-item span {
    display: inline-block; }

.smart-nav__menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  transition: transform .2s, min-height .3s; }

.smart-nav__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 20px;
  padding-bottom: 60px;
  list-style-type: none; }
  .smart-nav__list button,
  .smart-nav__list a {
    width: 100%;
    padding: 10px 0;
    height: auto;
    border-radius: 0;
    padding-left: 0;
    font-weight: 400;
    color: #666666;
    font-size: 0.94118rem;
    line-height: normal; }
    .smart-nav__list button:focus,
    .smart-nav__list a:focus {
      position: relative;
      z-index: 1; }
    .smart-nav__list button:hover,
    .smart-nav__list a:hover {
      box-shadow: none; }
  .smart-nav__list li:not(:last-child) {
    border-bottom: 1px solid #f5f5f5; }
  .smart-nav__list li.is-reset-all,
  .smart-nav__list li.is-check-all {
    border-bottom: 2px solid #d6d6d6; }
    .smart-nav__list li.is-reset-all.has-btn-checked,
    .smart-nav__list li.is-check-all.has-btn-checked {
      border-bottom-color: #6376ec; }
  .smart-nav__list .btn--is-checked,
  .smart-nav__list .btn--has-checked-children {
    color: #6376ec; }
  .smart-nav__list .btn--is-checked {
    position: relative; }
    .smart-nav__list .btn--is-checked:after {
      content: '';
      position: absolute;
      right: 5px;
      top: 7px;
      width: 25px;
      height: 25px;
      background-size: 25px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%236376EC' d='M24.2%2C13.1l-8.7%2C9.5C15.3%2C22.9%2C15%2C23%2C14.7%2C23c-0.3%2C0-0.6-0.1-0.8-0.3l-4.1-4.3c-0.4-0.5-0.5-1.2%2C0-1.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l3.3%2C3.4l7.9-8.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C24.6%2C11.8%2C24.6%2C12.6%2C24.2%2C13.1'/%3E%3C/svg%3E");
      animation: sn-appear-check .2s ease-in forwards; }
  .smart-nav__list .btn--has-children {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%23999999' d='M12.2993191%2C23.0174256 C11.9122335%2C23.4045112 11.8988242%2C24.0186918 12.2693687%2C24.3892363 C12.6399132%2C24.7597807 13.2540937%2C24.7463715 13.6411794%2C24.3592859 L21.3508651%2C16.6496001 L13.9706337%2C9.2693687 C13.6000893%2C8.89882422 12.9859087%2C8.91223347 12.5988231%2C9.2993191 C12.2117375%2C9.68640472 12.1983282%2C10.3005853 12.5688727%2C10.6711298 L18.6072438%2C16.7095009 L12.2993191%2C23.0174256 Z'/%3E  %3C/g%3E%3C/svg%3E");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px; }
    .smart-nav__list .btn--has-children.btn--has-checked-children {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%236376EC' d='M12.2993191%2C23.0174256 C11.9122335%2C23.4045112 11.8988242%2C24.0186918 12.2693687%2C24.3892363 C12.6399132%2C24.7597807 13.2540937%2C24.7463715 13.6411794%2C24.3592859 L21.3508651%2C16.6496001 L13.9706337%2C9.2693687 C13.6000893%2C8.89882422 12.9859087%2C8.91223347 12.5988231%2C9.2993191 C12.2117375%2C9.68640472 12.1983282%2C10.3005853 12.5688727%2C10.6711298 L18.6072438%2C16.7095009 L12.2993191%2C23.0174256 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.smart-nav__list--purple li.is-reset-all.has-btn-checked,
.smart-nav__list--purple li.is-check-all.has-btn-checked {
  border-bottom-color: #753bbd; }

.smart-nav__list--purple .btn--is-checked,
.smart-nav__list--purple .btn--has-checked-children {
  color: #753bbd; }

.smart-nav__list--purple .btn--is-checked:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23753BBD' d='M24.2%2C13.1l-8.7%2C9.5C15.3%2C22.9%2C15%2C23%2C14.7%2C23c-0.3%2C0-0.6-0.1-0.8-0.3l-4.1-4.3c-0.4-0.5-0.5-1.2%2C0-1.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l3.3%2C3.4l7.9-8.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C24.6%2C11.8%2C24.6%2C12.6%2C24.2%2C13.1'/%3E%3C/svg%3E"); }

.smart-nav__list--purple .btn--has-children.btn--has-checked-children {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%23753BBD' d='M12.2993191%2C23.0174256 C11.9122335%2C23.4045112 11.8988242%2C24.0186918 12.2693687%2C24.3892363 C12.6399132%2C24.7597807 13.2540937%2C24.7463715 13.6411794%2C24.3592859 L21.3508651%2C16.6496001 L13.9706337%2C9.2693687 C13.6000893%2C8.89882422 12.9859087%2C8.91223347 12.5988231%2C9.2993191 C12.2117375%2C9.68640472 12.1983282%2C10.3005853 12.5688727%2C10.6711298 L18.6072438%2C16.7095009 L12.2993191%2C23.0174256 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.smart-nav__list--nested {
  display: none;
  transform: translate3d(100%, 0, 0); }

.smart-nav__list--displayed {
  display: block; }

/* ********** */
/* ANIMATIONS */
/* ********** */
.sn-overlay-enter {
  transform: translate3d(0, 100%, 0); }

.sn-overlay-enter.sn-overlay-enter-active {
  transform: translate3d(0, 0, 0);
  transition: transform .2s ease-in; }

.sn-overlay-leave {
  transform: translate3d(0, 0, 0); }

.sn-overlay-leave.sn-overlay-leave-active {
  transform: translate3d(0, 100%, 0);
  transition: transform .2s ease-in; }

.sn-title-f-enter {
  opacity: 0.2;
  transform: translate3d(100%, 0, 0) rotateY(-45deg); }

.sn-title-f-enter.sn-title-f-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateY(0);
  transition: opacity .2s, transform .2s; }

.sn-title-f-leave {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateY(0); }

.sn-title-f-leave.sn-title-f-leave-active {
  opacity: 0.2;
  transform: translate3d(-100%, 0, 0) rotateY(45deg);
  transition: opacity .2s, transform .2s; }

.sn-title-b-enter {
  opacity: 0.2;
  transform: translate3d(-100%, 0, 0) rotateY(45deg); }

.sn-title-b-enter.sn-title-b-enter-active {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateY(0);
  transition: opacity .2s, transform .2s; }

.sn-title-b-leave {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotateY(0); }

.sn-title-b-leave.sn-title-b-leave-active {
  opacity: 0.2;
  transform: translate3d(100%, 0, 0) rotateY(-45deg);
  transition: opacity .2s, transform .2s; }

/* ********* */
/* KEYFRAMES */
/* ********* */
@keyframes sn-appear-footer {
  0% {
    transform: translate3d(0, 100px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes sn-appear-check {
  0% {
    opacity: 0;
    transform: scale(0.7); }
  70% {
    opacity: .8;
    transform: scale(1.3); }
  100% {
    opacity: 1;
    transform: scale(1); } }

.carousel {
  overflow: hidden; }

.carousel__wrap {
  overflow-x: scroll;
  padding-bottom: 20px;
  -webkit-overflow-scrolling: touch; }

.carousel__list {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  list-style-type: none;
  transition: transform 200ms ease; }

.icon-angle-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg=="); }

.icon-angle-right {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+"); }

.icon-angle-down {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiMyMjIyMjIiIGQ9Ik0xMzk1IDczNnEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTQ2Ni00NjZxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDM5MyAzOTMgMzkzLTM5M3ExMC0xMCAyMy0xMHQyMyAxMGw1MCA1MHExMCAxMCAxMCAyM3oiLz48L3N2Zz4K"); }

.icon-tds-levels-2.icon-purple {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23AD8AD8' d='M23.8029643%2C7 C25.5629904%2C7 26.9958588%2C8.41571195 26.9958588%2C10.1546645 C26.9958588%2C10.5597381 26.6604185%2C10.891162 26.2504359%2C10.891162 C25.8404534%2C10.891162 25.5050131%2C10.5597381 25.5050131%2C10.1546645 C25.5050131%2C9.2299509 24.738884%2C8.47299509 23.8029643%2C8.47299509 C22.8670445%2C8.47299509 22.1009154%2C9.22585925 22.1009154%2C10.1546645 C22.1009154%2C11.0793781 22.8629032%2C11.8363339 23.8029643%2C11.8363339 C24.2129468%2C11.8363339 24.5483871%2C12.1677578 24.5483871%2C12.5728314 C24.5483871%2C12.9779051 24.2129468%2C13.309329 23.8029643%2C13.309329 C22.2996949%2C13.309329 21.032476%2C12.2782324 20.6970357%2C10.891162 L8.74542284%2C10.891162 C8.33544028%2C10.891162 8%2C10.5597381 8%2C10.1546645 C8%2C9.74959083 8.33544028%2C9.41816694 8.74542284%2C9.41816694 L20.6970357%2C9.41816694 C21.032476%2C8.03518822 22.2996949%2C7 23.8029643%2C7 Z M26.2545772%2C16.2389525 C26.6645597%2C16.2389525 27%2C16.5703764 27%2C16.9754501 C27%2C17.3805237 26.6645597%2C17.7119476 26.2545772%2C17.7119476 L13.6445074%2C17.7119476 C13.2345248%2C17.7119476 12.8990846%2C17.3805237 12.8990846%2C16.9754501 C12.8990846%2C16.0507365 12.1370968%2C15.2937807 11.1970357%2C15.2937807 C10.261116%2C15.2937807 9.49498692%2C16.0466448 9.49498692%2C16.9754501 C9.49498692%2C17.9001637 10.2569747%2C18.6571195 11.1970357%2C18.6571195 C11.6070183%2C18.6571195 11.9424586%2C18.9885434 11.9424586%2C19.393617 C11.9424586%2C19.7986907 11.6070183%2C20.1301146 11.1970357%2C20.1301146 C9.43286835%2C20.1301146 8%2C18.7144026 8.00414124%2C16.9754501 C8.00414124%2C15.2364975 9.43700959%2C13.8207856 11.1970357%2C13.8207856 C12.7003051%2C13.8207856 13.967524%2C14.8518822 14.3029643%2C16.2389525 L26.2545772%2C16.2389525 Z M23.8029643%2C20.690671 C25.5629904%2C20.690671 26.9958588%2C22.106383 26.9958588%2C23.8453355 C26.9958588%2C24.2504092 26.6604185%2C24.5818331 26.2504359%2C24.5818331 C25.8404534%2C24.5818331 25.5050131%2C24.2504092 25.5050131%2C23.8453355 C25.5050131%2C22.9206219 24.738884%2C22.1636661 23.8029643%2C22.1636661 C22.8670445%2C22.1636661 22.1009154%2C22.9165303 22.1009154%2C23.8453355 C22.1009154%2C24.7700491 22.8629032%2C25.5270049 23.8029643%2C25.5270049 C24.2129468%2C25.5270049 24.5483871%2C25.8584288 24.5483871%2C26.2635025 C24.5483871%2C26.6685761 24.2129468%2C27 23.8029643%2C27 C22.2996949%2C27 21.032476%2C25.9689034 20.6970357%2C24.5818331 L8.74542284%2C24.5818331 C8.33544028%2C24.5818331 8%2C24.2504092 8%2C23.8453355 C8%2C23.4402619 8.33544028%2C23.108838 8.74542284%2C23.108838 L20.6970357%2C23.108838 C21.032476%2C21.7258592 22.2996949%2C20.690671 23.8029643%2C20.690671 Z'/%3E%3C/svg%3E"); }

.l-app {
  position: unset; }

.elements .elements-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .elements .elements-bg {
    display: none; } }

.elements .elements-bg--top {
  background-image: url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/elements-bg--top.svg");
  background-position: 50% 0; }

.elements .elements-bg--bottom {
  background-image: url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/elements-bg--bottom.svg");
  background-position: 50% 100%; }

.elements .elements__title {
  color: #ad8ad8;
  font-size: 2rem;
  font-weight: 500;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px; }
  @media screen and (min-width: 600px) {
    .elements .elements__title {
      font-size: 2.5rem; } }
  @media screen and (min-width: 900px) {
    .elements .elements__title {
      margin-top: 0; } }
  .elements .elements__title p {
    margin-bottom: 0; }

.elements .elements__description p:not(:first-child) {
  display: none; }

.elements .elements__description.read-more p, .elements .elements__description.elements_rdp p {
  display: block; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .elements .elements__description.elements_rdp p:not(:first-child) {
    display: none; } }

.elements .elements__description--readMore {
  color: #ad8ad8; }
  .elements .elements__description--readMore:hover {
    text-decoration: none;
    color: #753bbd; }
  .elements .elements__description--readMore.elements_rdp {
    display: none; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .elements .elements__description--readMore.elements_rdp {
    display: block; } }
  .elements .elements__description--readMore.elements_rdp.hidden {
    display: none; }

.elements .elements__mobile-btn {
  width: 100%; }
  .elements .elements__mobile-btn:first-child {
    margin-right: 10px; }

.elements .tds-btn--elements {
  font-size: 1.11765rem;
  color: #ad8ad8;
  white-space: nowrap;
  display: inline-block;
  box-shadow: 0 0 0 2px #ad8ad8 inset;
  background-color: transparent;
  transition: background-color 0.25s ease-in-out; }
  .elements .tds-btn--elements:hover, .elements .tds-btn--elements:focus {
    color: #ad8ad8;
    background-color: rgba(173, 138, 216, 0.1); }

.elements .smart-nav > .tds-btn {
  font-size: 1.11765rem;
  color: #ad8ad8;
  box-shadow: 0 0 0 2px #ad8ad8 inset;
  background-color: transparent;
  width: 100%;
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .elements .smart-nav > .tds-btn:hover {
    color: #ad8ad8;
    background-color: #ffffff; }

.elements .tes-modal__content {
  min-height: 100vh; }

.elements .tes-modal__dialog {
  transform: none; }

.elements .tes-modal__close {
  right: auto;
  left: 20px;
  width: 34px;
  height: 34px; }

.elements .tes-modal__header,
.elements .tes-mobile-nav-sub-title {
  font-size: 1.17647rem;
  font-weight: 500;
  text-align: center;
  text-transform: unset;
  height: 48px;
  padding: 10px;
  color: #222222;
  background-color: #f5f5f5;
  box-shadow: inset 0 -1px 0 0 #d6d6d6; }

.elements .tes-mobile-nav-main > li:first-child {
  border-top: none; }

.elements .tes-mobile-nav-main-item-title {
  font-size: 1rem; }
  .elements .tes-mobile-nav-main-item-title:after {
    opacity: .3; }

.elements .tes-mobile-nav-sub {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0; }

.elements .tes-mobile-nav-sub-main {
  padding: 30px; }

.elements .tes-mobile-nav-sub-head {
  font-size: 1rem;
  border-bottom: 1px solid #d9dce2; }
  .elements .tes-mobile-nav-sub-head b {
    font-weight: 400; }

.elements .tes-mobile-nav-sub-head--all {
  border-bottom-width: 2px; }
  .elements .tes-mobile-nav-sub-head--all .tes-mobile-nav-main-item-title:after {
    display: none; }

.elements .tes-mobile-nav-sub-head--active {
  position: relative; }
  .elements .tes-mobile-nav-sub-head--active a,
  .elements .tes-mobile-nav-sub-head--active .tes-mobile-nav-main-item-title {
    font-weight: 500;
    color: #ad8ad8;
    max-width: calc(100% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .elements .tes-mobile-nav-sub-head--active:after {
    content: '';
    width: 34px;
    height: 34px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23AD8AD8' d='M24.2%2C13.1l-8.7%2C9.5C15.3%2C22.9%2C15%2C23%2C14.7%2C23c-0.3%2C0-0.6-0.1-0.8-0.3l-4.1-4.3c-0.4-0.5-0.5-1.2%2C0-1.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l3.3%2C3.4l7.9-8.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C24.6%2C11.8%2C24.6%2C12.6%2C24.2%2C13.1'/%3E%3C/svg%3E"); }

.elements .tes-mobile-nav-close,
.elements .tes-mobile-nav-sub-close {
  position: absolute;
  top: 50%;
  left: 20px;
  height: 34px;
  width: 34px;
  padding: 0;
  z-index: 1;
  cursor: pointer;
  -webkit-appearance: none;
  border: none;
  outline: 0;
  opacity: .7;
  text-indent: -10rem;
  z-index: 1001;
  overflow: hidden;
  transform: translateY(-50%);
  animation: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent; }
  .elements .tes-mobile-nav-close:before, .elements .tes-mobile-nav-close:after,
  .elements .tes-mobile-nav-sub-close:before,
  .elements .tes-mobile-nav-sub-close:after {
    display: none; }

.elements .tes-mobile-nav-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23222222' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }

.elements .tes-mobile-nav-sub-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%23222222' d='M21.051546%2C10.6411794 C21.4386317%2C10.2540937 21.4520409%2C9.63991318 21.0814964%2C9.2693687 C20.710952%2C8.89882422 20.0967714%2C8.91223347 19.7096858%2C9.2993191 L12%2C17.0090049 L19.3802314%2C24.3892363 C19.7507759%2C24.7597807 20.3649564%2C24.7463715 20.752042%2C24.3592859 C21.1391277%2C23.9722002 21.1525369%2C23.3580197 20.7819924%2C22.9874752 L14.7436213%2C16.9491041 L21.051546%2C10.6411794 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.elements .elements-cta__mobile {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1002;
  padding: 15px;
  background-color: #ffffff;
  height: 80px;
  border-top: 1px solid #ebebeb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .elements .elements-cta__mobile .tds-btn {
    background-color: #ad8ad8; }

.elements .nav-bar {
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  overflow-y: hidden;
  position: relative; }
  .open-nav-bar .elements .nav-bar {
    height: auto;
    border-bottom: 2px solid #d2d6d9; }
    .open-nav-bar .elements .nav-bar:before {
      content: "";
      position: absolute;
      top: 53px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #d2d6d9; }

@media screen and (min-width: 600px) {
  .elements .nav-bar__toggle {
    display: none; } }

.elements .nav-bar__container {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 600px) {
    .elements .nav-bar__container {
      display: block; } }

.elements .nav-bar__container--secondary:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2); }

.elements .nav-bar .carousel {
  height: 53px; }

.elements .nav-bar .carousel__control {
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  text-indent: -9999em;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #ffffff; }
  .elements .nav-bar .carousel__control:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain; }

.elements .nav-bar .carousel__control--backward {
  left: 0;
  background: linear-gradient(to right, #ffffff 0, #ffffff 70%, rgba(255, 255, 255, 0) 100%); }
  .elements .nav-bar .carousel__control--backward:before {
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222222' d='M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E"); }

.elements .nav-bar .carousel__control--forward {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #ffffff 30%, #ffffff 100%); }
  .elements .nav-bar .carousel__control--forward:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222222' d='M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E"); }

.elements .nav-bar__list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .elements .nav-bar__list {
    padding-left: 25px;
    padding-right: 25px;
    columns: 2; } }
  @media screen and (min-width: 600px) {
    .elements .nav-bar__list {
      padding-left: 0;
      padding-right: 0;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; } }

.elements .nav-bar__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .elements .nav-bar__item {
    display: -ms-flexbox;
    display: flex; } }

.elements .nav-bar__link {
  font-size: 0.88235rem;
  padding: 16px 25px 16px;
  display: block;
  height: 53px;
  color: #222222;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer; }
  .elements .nav-bar__link:hover {
    color: #ad8ad8;
    text-decoration: none; }

.elements .nav-bar__link--active {
  font-size: 0.88235rem;
  color: #ad8ad8; }
  @media screen and (min-width: 600px) {
    .elements .nav-bar__link--active {
      color: #222222;
      border-bottom: 5px solid #ad8ad8;
      background-color: rgba(155, 155, 155, 0.1); } }

.open-nav-bar .elements .nav-bar__link-icon {
  transform: rotate(180deg) translateY(50%); }

.elements .pill--elements {
  color: #ad8ad8;
  border-color: #ad8ad8;
  background-color: #f5fbfd;
  padding-top: 2px;
  padding-bottom: 2px; }
  .elements .pill--elements:hover {
    color: #ffffff;
    background-color: #ad8ad8; }
    .elements .pill--elements:hover .pill--icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
  .elements .pill--elements .pill--remove {
    background-color: transparent; }
  .elements .pill--elements .pill--icon {
    transform: rotate(45deg);
    transition: transform 0.25s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23AD8AD8' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
    .elements .pill--elements .pill--icon:hover {
      transform: rotate(-180deg) translateY(1px); }

.elements .pill--active {
  color: #ffffff;
  background-color: #ad8ad8; }
  .elements .pill--active .pill--icon {
    transform: rotate(0);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cg fill='%23EDEDED' fill-rule='nonzero' transform='translate(10 10)'%3E      %3Cpath d='M0.636038969%2C2.05025253 L11.9497475%2C13.363961 C12.3402718%2C13.7544853 12.9734367%2C13.7544853 13.363961%2C13.363961 C13.7544853%2C12.9734367 13.7544853%2C12.3402718 13.363961%2C11.9497475 L2.05025253%2C0.636038969 C1.65972824%2C0.245514678 1.02656326%2C0.245514678 0.636038969%2C0.636038969 C0.245514678%2C1.02656326 0.245514678%2C1.65972824 0.636038969%2C2.05025253 Z'/%3E      %3Cpath d='M11.9497475%2C0.636038969 L0.636038969%2C11.9497475 C0.245514678%2C12.3402718 0.245514678%2C12.9734367 0.636038969%2C13.363961 C1.02656326%2C13.7544853 1.65972824%2C13.7544853 2.05025253%2C13.363961 L13.363961%2C2.05025253 C13.7544853%2C1.65972824 13.7544853%2C1.02656326 13.363961%2C0.636038969 C12.9734367%2C0.245514678 12.3402718%2C0.245514678 11.9497475%2C0.636038969 Z'/%3E    %3C/g%3E  %3C/g%3E%3C/svg%3E"); }
    .elements .pill--active .pill--icon:hover {
      transform: rotate(135deg) translateY(1px); }

.elements .smart-nav__list a,
.elements .smart-nav__list button {
  padding-top: 12px;
  padding-bottom: 12px; }

.elements .smart-nav__list .btn--is-checked {
  color: #ad8ad8; }
  .elements .smart-nav__list .btn--is-checked:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%23AD8AD8' d='M24.2%2C13.1l-8.7%2C9.5C15.3%2C22.9%2C15%2C23%2C14.7%2C23c-0.3%2C0-0.6-0.1-0.8-0.3l-4.1-4.3c-0.4-0.5-0.5-1.2%2C0-1.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l3.3%2C3.4l7.9-8.7c0.4-0.4%2C1-0.5%2C1.5-0.1c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1C24.6%2C11.8%2C24.6%2C12.6%2C24.2%2C13.1'/%3E%3C/svg%3E"); }

.elements .smart-nav__list li.is-reset-all.has-btn-checked,
.elements .smart-nav__list li.is-check-all.has-btn-checked {
  border-bottom-color: #ad8ad8; }

.elements .smart-nav__footer .tds-btn {
  line-height: 44px;
  height: 44px;
  padding: 0 22px;
  font-size: 1.125rem;
  background-color: #ad8ad8; }

.tes-banner {
  background-color: #6376ec;
  padding: 15px;
  position: relative;
  overflow: hidden;
  display: block; }
  .tes-banner, .tes-banner:hover {
    color: #222222;
    text-decoration: none; }
  .l-contextual .tes-banner br {
    display: none; }

.tes-banner--math {
  background-color: #00c7b1;
  background: linear-gradient(to right, #25bac3 0%, #b6d932 100%);
  background: -moz-linear-gradient(to right, #25bac3 0%, #b6d932 100%); }
  @media screen and (min-width: 1200px) {
    .tes-banner--math {
      background: url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/maths-mastery-bg.png") no-repeat 0 50%;
      background-size: cover; } }
  .l-contextual .tes-banner--math {
    background: linear-gradient(to right, #25bac3 0%, #b6d932 100%);
    background: -moz-linear-gradient(to right, #25bac3 0%, #b6d932 100%); }

.tes-banner--shakespeare {
  background: #42296e url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/shakespeare-bg.png") no-repeat 50% 50%;
  background-size: cover; }

.tes-banner--tes-teach {
  background-color: #4161bc;
  background: linear-gradient(135deg, #4161bc 0%, #a15fec 100%); }
  .tes-banner--tes-teach, .tes-banner--tes-teach:hover {
    color: #ffffff; }

.tes-banner--elements:before {
  content: "";
  background-color: #00c7b1;
  border-radius: 50%;
  width: 1200px;
  height: 600px;
  position: absolute;
  top: 30px;
  left: -700px;
  z-index: 0; }

.tes-banner__container {
  background-color: #ffffff;
  text-align: center;
  padding: 15px 15px 20px; }

@media screen and (min-width: 1200px) {
  .tes-banner__container--math {
    margin-left: 32%; } }

.l-contextual .tes-banner__container--math {
  margin-left: 0; }

.tes-banner__container--shakespeare {
  position: relative; }
  @media screen and (min-width: 1200px) {
    .tes-banner__container--shakespeare {
      padding-left: calc(15px + 32%); } }
  .l-contextual .tes-banner__container--shakespeare {
    padding-left: 20px;
    padding-right: 20px; }

.tes-banner__img {
  position: relative;
  top: -15px; }
  @media screen and (min-width: 1200px) {
    .tes-banner__img {
      position: absolute;
      top: 0;
      left: 0;
      width: auto;
      height: 100%; } }
  .l-contextual .tes-banner__img {
    position: relative;
    margin-top: -15px;
    top: -15px;
    left: auto;
    max-width: 160px;
    height: auto; }

.author {
  font-size: 0.76471rem;
  font-weight: 500;
  white-space: nowrap; }

.author__span {
  color: #b3b8bd; }

.author__link {
  color: #515af2;
  transition: color 0.25s ease-in-out;
  text-decoration: none; }
  .author__link:hover {
    color: #43526f;
    text-decoration: none; }

.icon-tes-logo.icon-white {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzQgMjM0Ij48dGl0bGU+U2xpY2UgMTwvdGl0bGU+PHBhdGggZD0iTTE5NS42MzEgMTE0LjM4M2MxNC43NjYgNC41IDIzLjY5NSAxMC42MTcgMjMuNjk1IDI2LjkyOCAwIDE4Ljc3Mi0xMy4wMDggMjkuMjQ4LTMzLjA0NyAyOS4yNDgtMTEuNzQyIDAtMjEuMTY0LTIuNzQyLTI3LjM1MS02LjE4Ny0xLjQwNi0uNzczLTEuNzU4LTEuNjE3LTEuNzU4LTIuODgydi0xOS4yNjVjMC0xLjI2NS45ODQtMS44OTggMi4zMi0xLjEyNSA3LjY2NCA0LjUgMTYuODc1IDguNTA4IDI1LjUyNCA4LjUwOCA2LjYxIDAgOS43MDMtMi45NTMgOS43MDMtNy44MDUgMC00Ljk5MS0yLjYwMi02Ljc1LTkuODQ0LTguOTk5LTE3Ljg2LTQuODUxLTI3LTExLjk1Mi0yNy0yNy4zNSAwLTE3LjE1NSAxMS4yNS0yOC4wNTMgMzIuNjk1LTI4LjA1MyA5IDAgMTYuNTI0IDEuNzU4IDIyLjg1MiA0LjI5LjkxNC4zNSAxLjI2NiAxLjEyNCAxLjE5NSAyLjAzOGwtMS44OTggMTguMzVjLS4xNC45ODUtMS4xMjUgMS40MDctMi4xMS45MTQtNS42MjQtMi44ODItMTEuNzQyLTQuODUtMTguNDkyLTQuODUtNi4xODcgMC05LjQ5MiAyLjYtOS40OTIgNy4xIDAgNS42OTUgNS4yMDMgNi43NSAxMy4wMDggOS4xNHptLTQ3LjYwMiAyNi42NDdjMS4xOTYtLjc3MyAyLjMyLS4xNCAyLjQ2MSAxLjE5NXYxOS4yNjVjLjA3IDEuNTQ2LS43MDMgMi4zMi0xLjU0NyAyLjg4Mi02LjI1NyAzLjg2Ny0xNS4yNTcgNi4xODctMjcuODQzIDYuMTg3LTEyLjg2NyAwLTIzLjYyNS00LjQzLTMwLjU4Ni0xMi4wOTMtNC43ODEtNS4yNzMtOC4zNjctMTMuMDc3LTguMzY3LTIyLjg1di0yMy4yMDFjMC0yMS42NTUgMTMuNS0zNC45NDMgMzUuNjQ4LTM0Ljk0MyAxOS41NDcgMCAzMi4zNDQgMTIuNzk2IDMyLjU1NSAyOC4xOTN2NC4yMTljMCAxNC4yMDItNi42MSAyMi4wMDYtMTcuMTU3IDI3Ljc3MWwtMTcuNTA3IDguOTNjMS44MjggMS4wNTQgNS40ODQgMS42ODcgOC42NDggMS42ODcgMTAuMTI1IDAgMTcuOTMtMy42NTYgMjMuNjk1LTcuMjQyem0tNDAuMzU5LTMwLjY1NGguMDd2MTYuODAzbDEyLjg2OC02LjY3OWM0LjY0LTIuNjAxIDYuMzI4LTcuMTAxIDYuMzI4LTExLjQ2IDAtNi42MS0zLjc5Ny0xMC40MDYtOS41NjMtMTAuNDA2LTUuNjk1IDAtOS43MDMgNC4wNzgtOS43MDMgMTEuNzQyem0tMjMuNDE0IDUwLjEzYy40OTIuNzAyLjI4MSAxLjgyNy0uNDIyIDIuMjUtNy41OTQgNC42NC0xNi44NzUgNy42NjMtMjguMDU1IDcuNjYzLTEzLjM1OSAwLTI1LjY2NC02LjQ2OS0yNS42NjQtMjcuODQyVjk5LjU0OEgxOC4xNjJhMS4zMzUgMS4zMzUgMCAwIDEtMS4zMzYtMS4zMzZ2LTE4LjQyYzAtLjcwMy41NjMtMS4zMzYgMS4zMzYtMS4zMzZoMTEuOTUzdi0yNy40OWMwLS44NDQuNTYzLTEuNDA3IDEuMzM2LTEuNDA3aDIzLjA2M2MuNzAzIDAgMS4zMzYuNjMzIDEuMzM2IDEuNDA2djI3LjQ5SDcxLjZjLjcwMyAwIDEuMzM2LjU2MyAxLjMzNiAxLjMzN3YxOC40OWMwIC43MDQtLjU2MyAxLjMzNy0xLjMzNiAxLjMzN0g1NS44NXYzNi40MmMwIDYuMzI3IDIuMTEgOS44NDIgNS42MjUgMTAuNzU2IDMuNTE1LjkxNCA3LjE3MiAwIDEzLjIxOC0zLjE2NC45MTUtLjQ5MiAxLjk3IDAgMi4xOC45ODUgMS40MDYgNi4yNTcgMy44NjcgMTEuMTc5IDcuMzgzIDE1Ljg5eiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg=="); }

.icon-check.icon-white {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNjcxIDU2NnEwIDQwLTI4IDY4bC03MjQgNzI0LTEzNiAxMzZxLTI4IDI4LTY4IDI4dC02OC0yOGwtMTM2LTEzNi0zNjItMzYycS0yOC0yOC0yOC02OHQyOC02OGwxMzYtMTM2cTI4LTI4IDY4LTI4dDY4IDI4bDI5NCAyOTUgNjU2LTY1N3EyOC0yOCA2OC0yOHQ2OCAyOGwxMzYgMTM2cTI4IDI4IDI4IDY4eiIvPjwvc3ZnPgo="); }

.icon-heart-o.icon-light-gray {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNjMGM1YzkiIGQ9Ik0xNjY0IDU5NnEwLTgxLTIxLjUtMTQzdC01NS05OC41LTgxLjUtNTkuNS05NC0zMS05OC04LTExMiAyNS41LTExMC41IDY0LTg2LjUgNzItNjAgNjEuNXEtMTggMjItNDkgMjJ0LTQ5LTIycS0yNC0yOC02MC02MS41dC04Ni41LTcyLTExMC41LTY0LTExMi0yNS41LTk4IDgtOTQgMzEtODEuNSA1OS41LTU1IDk4LjUtMjEuNSAxNDNxMCAxNjggMTg3IDM1NWw1ODEgNTYwIDU4MC01NTlxMTg4LTE4OCAxODgtMzU2em0xMjggMHEwIDIyMS0yMjkgNDUwbC02MjMgNjAwcS0xOCAxOC00NCAxOHQtNDQtMThsLTYyNC02MDJxLTEwLTgtMjcuNS0yNnQtNTUuNS02NS41LTY4LTk3LjUtNTMuNS0xMjEtMjMuNS0xMzhxMC0yMjAgMTI3LTM0NHQzNTEtMTI0cTYyIDAgMTI2LjUgMjEuNXQxMjAgNTggOTUuNSA2OC41IDc2IDY4cTM2LTM2IDc2LTY4dDk1LjUtNjguNSAxMjAtNTggMTI2LjUtMjEuNXEyMjQgMCAzNTEgMTI0dDEyNyAzNDR6Ii8+PC9zdmc+Cg=="); }

.icon-heart.icon-red {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNlMTY2NWMiIGQ9Ik04OTYgMTY2NHEtMjYgMC00NC0xOGwtNjI0LTYwMnEtMTAtOC0yNy41LTI2dC01NS41LTY1LjUtNjgtOTcuNS01My41LTEyMS0yMy41LTEzOHEwLTIyMCAxMjctMzQ0dDM1MS0xMjRxNjIgMCAxMjYuNSAyMS41dDEyMCA1OCA5NS41IDY4LjUgNzYgNjhxMzYtMzYgNzYtNjh0OTUuNS02OC41IDEyMC01OCAxMjYuNS0yMS41cTIyNCAwIDM1MSAxMjR0MTI3IDM0NHEwIDIyMS0yMjkgNDUwbC02MjMgNjAwcS0xOCAxOC00NCAxOHoiLz48L3N2Zz4K"); }

.resource-card .icon-star.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xNzI4IDY0N3EwIDIyLTI2IDQ4bC0zNjMgMzU0IDg2IDUwMHExIDcgMSAyMCAwIDIxLTEwLjUgMzUuNXQtMzAuNSAxNC41cS0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K"); }

.resource-card .icon-star-half-o.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xMjUwIDk1N2wyNTctMjUwLTM1Ni01Mi02Ni0xMC0zMC02MC0xNTktMzIydjk2M2w1OSAzMSAzMTggMTY4LTYwLTM1NS0xMi02NnptNDUyLTI2MmwtMzYzIDM1NCA4NiA1MDBxNSAzMy02IDUxLjV0LTM0IDE4LjVxLTE3IDAtNDAtMTJsLTQ0OS0yMzYtNDQ5IDIzNnEtMjMgMTItNDAgMTItMjMgMC0zNC0xOC41dC02LTUxLjVsODYtNTAwLTM2NC0zNTRxLTMyLTMyLTIzLTU5LjV0NTQtMzQuNWw1MDItNzMgMjI1LTQ1NXEyMC00MSA0OS00MSAyOCAwIDQ5IDQxbDIyNSA0NTUgNTAyIDczcTQ1IDcgNTQgMzQuNXQtMjQgNTkuNXoiLz48L3N2Zz4K"); }

.resource-card .icon-star-o.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xMjAxIDEwMDRsMzA2LTI5Ny00MjItNjItMTg5LTM4Mi0xODkgMzgyLTQyMiA2MiAzMDYgMjk3LTczIDQyMSAzNzgtMTk5IDM3NyAxOTl6bTUyNy0zNTdxMCAyMi0yNiA0OGwtMzYzIDM1NCA4NiA1MDBxMSA3IDEgMjAgMCA1MC00MSA1MC0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K"); }

.resource-card .icon-eye.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xNjY0IDk2MHEtMTUyLTIzNi0zODEtMzUzIDYxIDEwNCA2MSAyMjUgMCAxODUtMTMxLjUgMzE2LjV0LTMxNi41IDEzMS41LTMxNi41LTEzMS41LTEzMS41LTMxNi41cTAtMTIxIDYxLTIyNS0yMjkgMTE3LTM4MSAzNTMgMTMzIDIwNSAzMzMuNSAzMjYuNXQ0MzQuNSAxMjEuNSA0MzQuNS0xMjEuNSAzMzMuNS0zMjYuNXptLTcyMC0zODRxMC0yMC0xNC0zNHQtMzQtMTRxLTEyNSAwLTIxNC41IDg5LjV0LTg5LjUgMjE0LjVxMCAyMCAxNCAzNHQzNCAxNCAzNC0xNCAxNC0zNHEwLTg2IDYxLTE0N3QxNDctNjFxMjAgMCAzNC0xNHQxNC0zNHptODQ4IDM4NHEwIDM0LTIwIDY5LTE0MCAyMzAtMzc2LjUgMzY4LjV0LTQ5OS41IDEzOC41LTQ5OS41LTEzOS0zNzYuNS0zNjhxLTIwLTM1LTIwLTY5dDIwLTY5cTE0MC0yMjkgMzc2LjUtMzY4dDQ5OS41LTEzOSA0OTkuNSAxMzkgMzc2LjUgMzY4cTIwIDM1IDIwIDY5eiIvPjwvc3ZnPgo="); }

.resource-card .icon-eye.icon-light-gray {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNjMGM1YzkiIGQ9Ik0xNjY0IDk2MHEtMTUyLTIzNi0zODEtMzUzIDYxIDEwNCA2MSAyMjUgMCAxODUtMTMxLjUgMzE2LjV0LTMxNi41IDEzMS41LTMxNi41LTEzMS41LTEzMS41LTMxNi41cTAtMTIxIDYxLTIyNS0yMjkgMTE3LTM4MSAzNTMgMTMzIDIwNSAzMzMuNSAzMjYuNXQ0MzQuNSAxMjEuNSA0MzQuNS0xMjEuNSAzMzMuNS0zMjYuNXptLTcyMC0zODRxMC0yMC0xNC0zNHQtMzQtMTRxLTEyNSAwLTIxNC41IDg5LjV0LTg5LjUgMjE0LjVxMCAyMCAxNCAzNHQzNCAxNCAzNC0xNCAxNC0zNHEwLTg2IDYxLTE0N3QxNDctNjFxMjAgMCAzNC0xNHQxNC0zNHptODQ4IDM4NHEwIDM0LTIwIDY5LTE0MCAyMzAtMzc2LjUgMzY4LjV0LTQ5OS41IDEzOC41LTQ5OS41LTEzOS0zNzYuNS0zNjhxLTIwLTM1LTIwLTY5dDIwLTY5cTE0MC0yMjkgMzc2LjUtMzY4dDQ5OS41LTEzOSA0OTkuNSAxMzkgMzc2LjUgMzY4cTIwIDM1IDIwIDY5eiIvPjwvc3ZnPgo="); }

.resource-card .rating__wrapper {
  display: block;
  text-align: center; }

.resource-card .rating {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center; }

.resource-card .rating--with-label {
  display: block; }

.resource-card .rating__icon {
  width: 14px;
  height: 14px; }
  .resource-card .rating__icon:nth-child(n+2) {
    margin-left: -1px; }

.resource-card .rating__icon--sm {
  width: 11px;
  height: 11px;
  margin-right: 2px; }

@media screen and (min-width: 744px) {
  .resource-card .rating__icon--ml {
    width: 20px;
    height: 20px; } }

@media screen and (min-width: 744px) {
  .resource-card .rating__icon--lg {
    width: 30px;
    height: 30px; } }

.resource-card .rating__click {
  width: 20px;
  height: 20px;
  cursor: pointer; }

.resource-card .rating__number {
  font-size: 0.70588rem;
  color: #58657f;
  margin-right: 5px;
  display: none; }

.resource-card .rating__number--visible {
  display: inline-block; }

.resource-card .rating__number--right {
  margin-right: 0;
  margin-left: 2px; }

.resource-card .rating__info {
  font-size: 0.88235rem;
  font-style: italic;
  color: #5c656e;
  margin-left: 10px;
  position: relative;
  top: 1px;
  display: none; }

.resource-card .rating__info--visible {
  display: inline-block; }

.resource-card .rating__info--bottom {
  font-style: normal;
  font-size: 1.05882rem;
  display: block; }

.resource-card .icon-star.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236376EC' d='M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E"); }

.resource-card .icon-star-half-o.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236376EC' d='M1250 957l257-250-356-52-66-10-30-60-159-322v963l59 31 318 168-60-355-12-66zm452-262l-363 354 86 500q5 33-6 51.5t-34 18.5q-17 0-40-12l-449-236-449 236q-23 12-40 12-23 0-34-18.5t-6-51.5l86-500-364-354q-32-32-23-59.5t54-34.5l502-73 225-455q20-41 49-41 28 0 49 41l225 455 502 73q45 7 54 34.5t-24 59.5z'/%3E%3C/svg%3E"); }

.resource-card .icon-star-o.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236376EC' d='M1201 1004l306-297-422-62-189-382-189 382-422 62 306 297-73 421 378-199 377 199zm527-357q0 22-26 48l-363 354 86 500q1 7 1 20 0 50-41 50-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z'/%3E%3C/svg%3E"); }

.resource-card:hover, .resource-card:focus {
  text-decoration: none; }

.resource-card--bundle {
  position: relative; }
  .resource-card--bundle:before, .resource-card--bundle:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
  .resource-card--bundle:before {
    transition: box-shadow 0.25s ease-in-out;
    transform: translate(8px, 8px); }
  .resource-card--bundle:after {
    transform: translate(4px, 4px); }
  .resource-card--bundle:hover:before {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
  .resource-card--bundle:hover .resource-card__container {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); }

.resource-card__container {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  line-height: 1.42857143;
  background-color: #ffffff;
  border-radius: 4px;
  transition: box-shadow 0.25s ease-in-out;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
  .resource-card__container:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }

.resource-card__container--bundle {
  z-index: 1; }

.resource-card__container--sm {
  height: 90px;
  padding: 0 0 0 120px; }

.resource-card__container--bordered {
  border: 1px solid #ebebeb; }

.resource-card__container--lg {
  text-align: center;
  height: 290px;
  padding-bottom: 10px; }
  @media screen and (min-width: 900px) {
    .resource-card__container--lg {
      height: 310px; } }
  .resource-card__container--lg .rating {
    -ms-flex-pack: center;
        justify-content: center; }

.resource-card__recommended {
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  width: 100%;
  height: 170px;
  pointer-events: none;
  z-index: 2;
  overflow: hidden; }

.resource-card__container--sm .resource-card__recommended {
  width: 120px;
  height: 100%; }

.resource-card__recommended-txt {
  font-size: 0.76471rem;
  font-weight: 500;
  letter-spacing: .3px;
  white-space: nowrap;
  display: inline-block;
  color: #666666;
  border-radius: 10px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 2px 10px 3px; }

.resource-card__recommended-icon {
  width: 13px;
  height: 11px;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 600px) {
  .resource-card__quick-view-container {
    position: relative; } }

@media screen and (min-width: 600px) {
  .resource-card__container--sm .resource-card__quick-view-container {
    position: static; } }

.resource-card__quick-view--always-visible {
  display: none; }
  @media screen and (min-width: 600px) {
    .resource-card__quick-view--always-visible {
      display: block;
      font-size: 1.11765rem;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px;
      color: #f5f5f5;
      background-color: rgba(0, 0, 0, 0.6);
      transition: all 0.25s ease-in-out;
      cursor: pointer;
      z-index: 1;
      opacity: 1; } }
  .resource-card__quick-view--always-visible:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7); }

.resource-card__container--sm .resource-card__quick-view--always-visible {
  display: none; }

.resource-card__quick-view {
  display: none; }
  @media screen and (min-width: 600px) {
    .resource-card__quick-view {
      display: block;
      font-size: 1.11765rem;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px;
      color: #f5f5f5;
      background-color: rgba(0, 0, 0, 0.6);
      transition: all 0.25s ease-in-out;
      cursor: pointer;
      z-index: 1;
      opacity: 0; } }
  .resource-card__quick-view:hover {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.7); }

@media screen and (min-width: 600px) {
  .resource-card:hover .resource-card__quick-view {
    opacity: 1; } }

.resource-card__container--sm .resource-card__quick-view {
  display: none; }

.resource-card__media-body {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }

.resource-card__media-body--sm {
  padding-top: 3px;
  padding-bottom: 3px; }

@media screen and (min-width: 600px) {
  .resource-card__clip {
    height: 74px;
    overflow: hidden; } }

.resource-card__clip--sm,
.resource-card__clip--xl {
  height: auto; }

.resource-card__clip--md {
  height: 56px; }

.resource-card__container--sm .resource-card__meta {
  margin-top: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.resource-card__meta--ad {
  color: #fd7037;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 17px;
  margin-top: 5px; }
  @media screen and (min-width: 900px) {
    .resource-card__meta--ad {
      margin-top: 15px; } }

.resource-card__container--sm .resource-card__avatar {
  position: absolute;
  top: 45px;
  left: 10px; }

.resource-card__container--lg .resource-card__avatar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-top: -25px;
  margin-bottom: 2px; }

.resource-card__avatar-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  display: none; }

.resource-card__container--lg .resource-card__avatar-image {
  display: block; }

.resource-card__media-footer--sale .resource-card__price,
.resource-card__media-footer__list--sale .resource-card__price {
  color: #fd7037; }

.resource-card__media-footer--sale .resource-card__currency,
.resource-card__media-footer__list--sale .resource-card__currency {
  color: #fd7037;
  font-size: 0.875rem;
  font-style: italic;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
  @media screen and (min-width: 900px) {
    .resource-card__media-footer--sale .resource-card__currency,
    .resource-card__media-footer__list--sale .resource-card__currency {
      top: -2px; } }

.resource-card__media-footer {
  border-top: 1px solid #ebebeb;
  margin: 0;
  padding: 0;
  height: 27px;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  @media screen and (min-width: 600px) {
    .resource-card__media-footer {
      height: 37px; } }
  .resource-card__media-footer:before, .resource-card__media-footer:after {
    display: table;
    content: " ";
    clear: both; }

.resource-card__media-footer--sm {
  height: 27px;
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 120px);
  border-left: none; }

.resource-card__media-footer--md {
  margin: 0; }
  @media screen and (min-width: 600px) {
    .resource-card__media-footer--md {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30px; }
      .resource-card__media-footer--md.resource-card__media-footer--ghost:before {
        width: 75px;
        left: 9px; }
      .resource-card__media-footer--md.resource-card__media-footer--ghost:after {
        width: 120px;
        right: 3px; } }

.resource-card__media-footer__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline; }

.resource-card__media-footer__list--lg {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.resource-card__media-footer-text {
  font-size: 0.76471rem;
  text-transform: uppercase;
  line-height: 1.8;
  color: #5c656e; }

.resource-card__media-footer__icon {
  width: .875rem;
  height: .875rem;
  cursor: pointer;
  transition: opacity 0.25s ease-in-out; }
  .resource-card__media-footer__icon:hover {
    opacity: .8; }

.resource-card__price {
  font-size: 0.88235rem;
  text-transform: uppercase;
  color: #3e474f;
  display: inline-block; }
  @media screen and (min-width: 600px) {
    .resource-card__price {
      font-size: 1.11765rem; } }

.resource-card__price--sm {
  font-size: 0.88235rem; }

.resource-card__discount {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #58657f;
  margin-left: 5px;
  display: none; }
  @media screen and (min-width: 600px) {
    .resource-card__discount {
      display: block; } }

.l-contextual .resource-card__discount,
.resource-card__media-footer__list--sm .resource-card__discount {
  display: none; }

.resource-card__old-price {
  font-size: 0.76471rem;
  line-height: 1;
  text-decoration: line-through;
  text-align: right;
  color: #b3b8bd;
  margin-right: 8px;
  display: none; }
  @media screen and (min-width: 600px) {
    .resource-card__old-price {
      display: block; } }

.l-contextual .resource-card__old-price {
  display: none; }

.resource-card__currency {
  font-size: 0.88235rem;
  color: #5c656e; }
  @media screen and (min-width: 600px) {
    .resource-card__currency {
      font-size: 1.11765rem; } }

.resource-card__currency--sm {
  font-size: 0.88235rem; }

.resource-card__currency--md {
  font-size: 0.88235rem; }

.resource-card__media-footer__price {
  font-size: 0.88235rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #58657f;
  display: inline-block; }

.resource-card__media-footer__price--sm {
  font-size: 0.76471rem; }

.resource-card__media-footer__price--lg {
  font-size: 17px; }

.resource-card__media-footer__price
.resource-card__media-footer__price--old {
  font-size: 0.875rem;
  font-style: italic;
  line-height: 1;
  text-decoration: line-through;
  text-align: right;
  color: #b3b8bd;
  margin-right: 5px;
  display: none; }
  @media screen and (min-width: 600px) {
    .resource-card__media-footer__price
.resource-card__media-footer__price--old {
      display: block; } }

.resource-card__media-footer__currency {
  font-size: 0.88235rem;
  font-weight: 500;
  color: #58657f; }

.resource-card__media-footer__currency--sm {
  font-size: 0.76471rem; }

.resource-card__media-footer__currency--lg {
  font-size: 17px; }

.resource-card__media-footer--sale .resource-card__media-footer__price,
.resource-card__media-footer--sale .resource-card__media-footer__currency,
.resource-card__media-footer__list--sale .resource-card__media-footer__price,
.resource-card__media-footer__list--sale .resource-card__media-footer__currency {
  color: #fd7037; }

.resource-card__media-footer__text {
  font-size: 0.75rem;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.8;
  color: #8e97a9;
  padding-right: 2px;
  padding-left: 2px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .resource-card__media-footer__text:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E  %3Cdefs%3E    %3Crect id='a' width='34' height='34' rx='4'/%3E    %3Cpath fill='%238E97A9' d='M13.306 2.373l2.423 2.421h-2.423v-2.42zm4.103 7.885a.695.695 0 0 1-.695-.695V6.186H12.61a.695.695 0 0 1-.695-.696V1.39H8.2c-.674 0-1.224.55-1.224 1.224V13.69c0 .674.55 1.223 1.224 1.223h7.29c.674 0 1.224-.549 1.224-1.223a.695.695 0 1 1 1.39 0 2.617 2.617 0 0 1-2.614 2.615H8.2a2.617 2.617 0 0 1-2.614-2.615V2.615A2.617 2.617 0 0 1 8.2 0h4.41a.69.69 0 0 1 .269.055.653.653 0 0 1 .175.117c.016.012.034.018.048.031l4.8 4.795c.016.016.022.038.037.055a.69.69 0 0 1 .112.17.705.705 0 0 1 .054.267v4.073c0 .384-.311.695-.696.695zm-4.532 7.112a.696.696 0 0 1 .988.98c-.495.5-1.156.775-1.855.775H5.38a2.617 2.617 0 0 1-2.614-2.615V5.434c0-.696.272-1.353.769-1.847a.695.695 0 1 1 .981.985c-.231.232-.36.538-.36.862V16.51c0 .676.55 1.225 1.225 1.225h6.629c.327 0 .634-.13.867-.365zM.696 5.805c.384 0 .695.31.695.696v9.973a.696.696 0 1 1-1.391 0V6.5c0-.385.312-.696.696-.696z' id='b'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cuse fill='%23222' xlink:href='%23b' transform='translate(8.146 7.083)'/%3E  %3C/g%3E%3C/svg%3E");
    background-position: 50% 50%;
    background-size: contain; }

.resource-card__container--sm .resource-card__media-footer__text {
  margin-left: -5px; }

.resource-card__container--lg .resource-card__media-footer__text {
  margin-top: -3px; }

.resource-card__media-object-container {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 10px; }
  .resource-card__media-object-container:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.025);
    z-index: 1;
    transition: background-color .25s ease-in-out; }
  .resource-card__media-object-container:hover:after {
    background-color: transparent; }

.resource-card__media-object-container--sm {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 90px;
  margin-bottom: 0;
  padding-bottom: 0;
  z-index: 1; }

.resource-card__media-object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  transform-origin: 50%; }

@media screen and (min-width: 1200px) {
  .resource-card:hover .resource-card__media-object {
    transition: transform 0.25s ease-in-out;
    transform: scale(1.2); } }

.resource-card__media-heading {
  font-size: 0.88235rem;
  font-weight: 500;
  line-height: 1.13;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  height: 32px; }
  @media screen and (min-width: 600px) {
    .resource-card__media-heading {
      height: 40px; } }

.resource-card__media-heading--sm {
  font-size: 0.875rem;
  height: 30px;
  margin-top: 8px; }

.resource-card__media-heading--lg {
  font-size: 0.88235rem;
  line-height: 1.17647rem;
  height: 38px; }
  @media screen and (min-width: 900px) {
    .resource-card__media-heading--lg {
      height: 57px; } }

.resource-card__media-heading-link {
  transition: color 0.25s ease-in-out; }
  .resource-card__media-heading-link, .resource-card__media-heading-link:focus {
    color: #43526f;
    text-decoration: none; }
  .resource-card__media-heading-link:hover {
    color: #6376ec;
    text-decoration: none; }

.resource-card__media-heading-price {
  font-size: 0.88235rem;
  display: block;
  -ms-flex-align: baseline;
      align-items: baseline;
  white-space: nowrap; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .resource-card__media-heading-price {
    font-weight: 400; } }
  @media screen and (min-width: 600px) {
    .resource-card__media-heading-price {
      margin-left: 10px; } }

.resource-card__media-heading-price-currency {
  color: #5c656e; }

.resource-card__media-heading-price-amount {
  color: #2f3840; }

.resource-card__media-heading-price-old {
  font-size: 0.875rem;
  color: #b3b8bd;
  margin-right: 2px;
  text-decoration: line-through; }

.resource-card__media-description {
  font-size: 0.88235rem;
  line-height: 1.1;
  color: #5c656e;
  height: 30px;
  overflow: hidden;
  margin-bottom: 0; }
  .resource-card__media-description:link {
    display: block;
    color: #5c656e;
    transition: color 0.25s ease-in-out; }
    .resource-card__media-description:link:hover {
      color: #44a4f6;
      text-decoration: none; }

@media screen and (min-width: 0) and (max-width: 600px) {
  .resource-card__media-description {
    display: none; } }

.resource-card__media-description--sm {
  display: none; }

@media screen and (min-width: 984px) {
  .masthead-advert {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    min-height: 250px; } }

.icon-tds-magnifying-glass.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cpath fill='%236376EC' fill-rule='evenodd' d='M26.628%2C25.487 C26.911%2C25.77 26.911%2C26.229 26.628%2C26.512 C26.486%2C26.654 26.301%2C26.724 26.115%2C26.724 C25.93%2C26.724 25.744%2C26.654 25.603%2C26.512 L20.943%2C21.854 C19.525%2C23.061 17.746%2C23.718 15.859%2C23.718 C11.525%2C23.718 8%2C20.193 8%2C15.859 C8%2C11.525 11.525%2C8 15.859%2C8 C20.193%2C8 23.719%2C11.525 23.719%2C15.859 C23.719%2C16.628 23.607%2C17.389 23.388%2C18.123 C23.274%2C18.506 22.871%2C18.724 22.485%2C18.609 C22.102%2C18.494 21.884%2C18.091 21.999%2C17.707 C22.178%2C17.108 22.27%2C16.487 22.27%2C15.859 C22.27%2C12.325 19.394%2C9.449 15.859%2C9.449 C12.325%2C9.449 9.449%2C12.325 9.449%2C15.859 C9.449%2C19.393 12.325%2C22.269 15.859%2C22.269 C17.6%2C22.269 19.227%2C21.584 20.442%2C20.34 C20.578%2C20.201 20.763%2C20.123 20.957%2C20.122 L20.961%2C20.122 C21.153%2C20.122 21.338%2C20.198 21.474%2C20.334 L26.628%2C25.487 Z M15.6915%2C10.8337 C18.4805%2C10.8337 20.7495%2C13.1027 20.7495%2C15.8917 C20.7495%2C16.2917 20.4245%2C16.6157 20.0245%2C16.6157 C19.6245%2C16.6157 19.2995%2C16.2917 19.2995%2C15.8917 C19.2995%2C13.9017 17.6805%2C12.2827 15.6915%2C12.2827 C15.2915%2C12.2827 14.9665%2C11.9587 14.9665%2C11.5587 C14.9665%2C11.1577 15.2915%2C10.8337 15.6915%2C10.8337 Z'/%3E%3C/svg%3E"); }

.resources-form {
  position: relative;
  padding: 15px;
  background-color: #2b3547;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 2; }
  @media screen and (min-width: 984px) {
    .resources-form {
      display: -ms-flexbox;
      display: flex;
      padding: 30px; } }

@media screen and (min-width: 0) and (max-width: 984px) {
  .resources-form__item {
    margin-bottom: 15px; } }

@media screen and (min-width: 984px) {
  .resources-form__item {
    margin-right: 15px;
    max-width: 908px; }
    .resources-form__item .tds-control,
    .resources-form__item .tds-select {
      min-height: 44px;
      padding: 9px 10px 11px;
      font-size: 1.125rem; } }

@media screen and (min-width: 984px) {
  .resources-form__item--select {
    min-width: 180px; } }

@media screen and (min-width: 1280px) {
  .resources-form__item--select {
    min-width: 220px; } }

@media screen and (min-width: 0) and (max-width: 984px) {
  .resources-form__item--inline {
    min-width: 60%;
    margin-right: 15px;
    margin-bottom: 0; } }

@media screen and (min-width: 0) and (max-width: 984px) {
  .resources-form__btn {
    text-align: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; } }

@media screen and (min-width: 984px) {
  .resources-form__btn {
    line-height: 44px;
    height: 44px;
    padding: 0 22px;
    font-size: 1.125rem; } }

.resources-form__magnifying-icon {
  width: 24px;
  height: 24px; }

@media screen and (min-width: 0) and (max-width: 984px) {
  .resources-form__magnifying-icon {
    right: 5px !important; } }
  @media screen and (min-width: 984px) {
    .resources-form__magnifying-icon {
      width: 34px;
      height: 34px; } }

.hubs-title {
  font-size: 2rem;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: .9px;
  margin-top: 15px;
  margin-bottom: 10px; }
  @media screen and (min-width: 984px) {
    .hubs-title {
      margin-top: 0; } }

.hubs-title--sm {
  font-size: 1.5rem;
  line-height: 1.1;
  margin-bottom: 15px; }
  @media screen and (min-width: 984px) {
    .hubs-title--sm {
      font-size: 2rem; } }

.hubs-search {
  padding: 2px 15px 10px; }
  @media screen and (min-width: 984px) {
    .hubs-search {
      padding: 15px 20px 10px; } }

.hubs-search__form {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 5px 15px 10px; }

@media screen and (min-width: 0) and (max-width: 984px) {
  .hubs-search__form {
    margin-left: -15px;
    margin-right: -15px; } }
  @media screen and (min-width: 984px) {
    .hubs-search__form {
      padding-left: 10px;
      padding-right: 10px; } }

.hubs-search--bg {
  background-color: #5674ea; }

.hubs-search__input {
  font-size: 1.375rem;
  font-weight: 500;
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ffffff;
  outline: none;
  padding: 0 25px 0 0; }
  .hubs-search__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4); }
  .hubs-search__input:focus {
    border-color: #ffffff; }
  .hubs-search__input:focus:hover {
    box-shadow: none; }

@media screen and (min-width: 984px) {
  .hubs-search__input--lg {
    font-size: 55px;
    padding-right: 60px; } }

.hubs-search__btn {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
  width: 22px;
  height: 22px;
  background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+TWFnbmlmeWluZyBnbGFzczwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9IlJlc291cmNlLS0tSG9tZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExOTIuMDAwMDAwLCAtMTY3LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxnIGlkPSJUb3AtYXJlYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTgxLjAwMDAwMCwgMTA5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iU2VhcmNoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMy4wMDAwMDAsIDQ2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwMTcuNzMxNDUsNDkuNzc5MTIwMSBMMTAwNy4yMTc3NywzOS4yNjQ5NzY0IEMxMDA5LjY2MTE3LDM2LjM3ODM2MTkgMTAxMS4xMzcxNiwzMi42NDY3NDk5IDEwMTEuMTM3MTYsMjguNTY4NTc4NCBDMTAxMS4xMzcxNiwxOS40MTgxMjA3IDEwMDMuNzE5MDQsMTIgOTk0LjU2ODU3OCwxMiBDOTg1LjQxODEyMSwxMiA5NzgsMTkuNDE4MTIwNyA5NzgsMjguNTY4NTc4NCBDOTc4LDM3LjcxOTAzNiA5ODUuNDE4MTIxLDQ1LjEzNzE1NjggOTk0LjU2ODU3OCw0NS4xMzcxNTY4IEM5OTguNjQ2NzUsNDUuMTM3MTU2OCAxMDAyLjM3ODM2LDQzLjY2MTE3MjYgMTAwNS4yNjQ5OCw0MS4yMTczMDczIEwxMDE1Ljc3OTEyLDUxLjczMTQ1MSBDMTAxNi4xMzcxOSw1Mi4wODk1MTYzIDEwMTYuNzIzMDcsNTIuMDg5NTE2MyAxMDE3LjA4MDY3LDUxLjczMTQ1MSBMMTAxNy43MzE0NSw1MS4wODA2NzQgQzEwMTguMDg5NTIsNTAuNzIyNjA4NiAxMDE4LjA4OTUyLDUwLjEzNzE4NTUgMTAxNy43MzE0NSw0OS43NzkxMjAxIEwxMDE3LjczMTQ1LDQ5Ljc3OTEyMDEgWiBNOTgwLjc2MTQzLDI4LjU2ODU3ODQgQzk4MC43NjE0MywyMC45NTUzMTY2IDk4Ni45NTUzMTcsMTQuNzYxNDI5NyA5OTQuNTY4NTc4LDE0Ljc2MTQyOTcgQzEwMDIuMTgxODQsMTQuNzYxNDI5NyAxMDA4LjM3NTczLDIwLjk1NTMxNjYgMTAwOC4zNzU3MywyOC41Njg1Nzg0IEMxMDA4LjM3NTczLDM2LjE4MTg0MDEgMTAwMi4xODE4NCw0Mi4zNzU3MjcgOTk0LjU2ODU3OCw0Mi4zNzU3MjcgQzk4Ni45NTUzMTcsNDIuMzc1NzI3IDk4MC43NjE0MywzNi4xODE4NDAxIDk4MC43NjE0MywyOC41Njg1Nzg0IEw5ODAuNzYxNDMsMjguNTY4NTc4NCBaIiBpZD0iTWFnbmlmeWluZy1nbGFzcyI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+) no-repeat center center;
  background-size: cover;
  transform: translateY(-50%);
  transition: opacity 0.25s ease-in-out;
  opacity: .7; }
  .hubs-search__btn:hover {
    opacity: 1; }

@media screen and (min-width: 984px) {
  .hubs-search__btn--lg {
    width: 45px;
    height: 45px; } }

.hubs-tags--active {
  position: relative; }
  .hubs-tags--active:after {
    bottom: -15px; }

.hubs-tags {
  overflow-y: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 15px;
  overflow: hidden; }

.hubs-tags--secondary {
  display: none;
  background-color: rgba(255, 255, 255, 0.1);
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px; }

.hubs-tags__title {
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0; }

.hubs-tags__title--narrow {
  line-height: 1.1;
  position: relative;
  padding-top: 2px; }

.hubs-tags__list {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.hubs-tags__list--cropped {
  max-height: 36px;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 5px; }

.hubs-tags__item {
  max-width: 100%;
  margin-right: 8px;
  float: left;
  padding: 4px 0 !important; }

.hubs-tags__btn {
  font-size: 0.875rem;
  height: 26px;
  display: block;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%; }
  .hubs-tags__btn:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.hubs-tags__btn--cta {
  width: auto;
  background-color: transparent;
  border: 1px solid #ffffff;
  padding-top: 4px; }
  .hubs-tags__btn--cta:hover {
    background-color: rgba(255, 255, 255, 0.15);
    border-color: #ffffff; }

.hubs-description {
  position: relative;
  display: -ms-flexbox;
  display: flex; }

.hubs-description__text {
  max-height: 30px; }
  .hubs-description__text,
  .hubs-description__text p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .hubs-description__text br,
  .hubs-description__text p:empty {
    display: none; }
  .show-hubs-description .hubs-description__text {
    max-height: none; }
    .show-hubs-description .hubs-description__text,
    .show-hubs-description .hubs-description__text p {
      overflow: visible;
      white-space: normal; }
    .show-hubs-description .hubs-description__text br {
      display: block; }

.hubs-description__cta {
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
  cursor: pointer;
  margin-left: 5px; }
  .hubs-description__cta:hover {
    text-decoration: none; }
  .show-hubs-description .hubs-description__cta {
    display: none; }

.hubs-tabs {
  margin: 0;
  padding: 0;
  width: 100%; }
  @media screen and (min-width: 744px) {
    .hubs-tabs {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.hubs-tabs--item {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: block; }
  .hubs-tabs--item:not(:last-child) {
    padding-bottom: 1px; }
    @media screen and (min-width: 744px) {
      .hubs-tabs--item:not(:last-child) {
        padding-bottom: 0;
        padding-right: 1px; } }
  @media screen and (min-width: 744px) {
    .hubs-tabs--item {
      display: inline-block;
      width: 25%; } }

.hubs-tabs--link {
  display: block;
  border-radius: 0;
  background-color: #4f5ebc;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px; }
  .hubs-tabs--link:hover {
    background-color: #404ea8; }

.hubs-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 700px;
  background: #6376ec url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/hubs-bg.svg") no-repeat 50% 0;
  background-size: 100% auto; }
  @media screen and (min-width: 744px) {
    .hubs-bg {
      height: 500px; } }

.popupar-posts__title {
  font-size: 16px;
  background-color: #ef426f; }

.popupar-posts__link {
  display: -webkit-box;
  font-weight: 500;
  line-height: 1.29;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-line-clamp: 3;
  max-height: 73px;
  overflow: hidden; }

.popupar-posts__item {
  border-bottom: 1px solid #d2d6d9;
  padding-bottom: 10px; }
  .popupar-posts__item:last-child {
    border-bottom: none; }

.featured-posts {
  border-top: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff; }
  @media screen and (min-width: 744px) {
    .featured-posts {
      border-top-width: 30px;
      border-bottom-width: 30px; } }

@media screen and (min-width: 744px) {
  .featured-posts__list {
    column-count: 2; } }

.featured-posts__link {
  display: block;
  font-weight: 500;
  line-height: 1.18;
  padding-top: 5px;
  padding-bottom: 5px; }
  .featured-posts__link:hover {
    text-decoration: none; }

.hubs-breadcrumb {
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 984px) {
    .hubs-breadcrumb {
      padding-left: 5px; } }
  .hubs-breadcrumb__item {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 3px;
    margin-bottom: 3px;
    white-space: nowrap;
    position: relative; }
  .hubs-breadcrumb__item--active {
    color: #43526f;
    padding: 8px 15px; }
  .hubs-breadcrumb__link {
    color: #6376ec;
    display: block;
    padding: 8px 15px;
    text-decoration: none; }
    .hubs-breadcrumb__link:hover, .hubs-breadcrumb__link:focus {
      color: #43526f;
      text-decoration: none; }
  .hubs-breadcrumb__icon {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%); }

.shadow {
  box-shadow: 10px 10px 0 0 #3c1053; }

.hubs-home-container {
  margin-left: 16px;
  margin-right: 16px; }
  @media screen and (min-width: 984px) {
    .hubs-home-container {
      margin-left: 8px;
      margin-right: 8px; } }

.resources-form-container {
  margin-bottom: 20px; }
  @media screen and (min-width: 984px) {
    .resources-form-container {
      margin-left: 8px;
      margin-right: 8px; } }

.hubs-subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  color: #4c4c4c;
  margin-top: 0;
  margin-bottom: 20px; }
  @media screen and (min-width: 984px) {
    .hubs-subtitle {
      position: relative; }
      .hubs-subtitle:before {
        content: '';
        position: absolute;
        top: 55%;
        right: 0;
        left: 0;
        height: 1px;
        background-color: #d9dce2; } }

@media screen and (min-width: 984px) {
  .hubs-subtitle__text {
    background-color: #ffffff;
    position: relative;
    padding-right: 25px; } }

.hubs-cards__item {
  display: block;
  overflow: hidden;
  transition: box-shadow 0.25s ease-in-out;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2); }
  .hubs-cards__item:hover {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
  .hubs-cards__item, .hubs-cards__item:hover {
    text-decoration: none; }

.hubs-cards__figure {
  position: relative;
  overflow: hidden; }

.hubs-cards__figure--shop {
  height: 100px; }

.hubs-cards__img {
  width: 100%;
  height: auto; }

.hubs-cards__img--shop {
  width: auto;
  min-width: 100%;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.hubs-cards__title {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.2;
  color: #222222;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 10px 15px;
  transition: color 0.25s ease-in-out; }
  .hubs-cards__title:hover {
    color: #6376ec; }

.hubs-cards__title--primary {
  font-size: 1.5rem;
  height: 70px;
  margin: 0;
  padding-top: 25px;
  padding-left: 15px;
  background-image: url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/primary-category-bg.svg");
  background-position: 100% 0;
  background-repeat: no-repeat; }
  @media screen and (min-width: 984px) {
    .hubs-cards__title--primary {
      height: 100px;
      padding-top: 55px; } }
  .hubs-cards__title--primary, .hubs-cards__title--primary:hover {
    color: #ffffff; }
  .hubs-cards__title--primary:before {
    content: 'Hub';
    font-size: 9px;
    display: block;
    margin-bottom: -3px; }
  .hubs-cards__item-container:nth-child(1) .hubs-cards__title--primary {
    background-color: #d0df00; }
  .hubs-cards__item-container:nth-child(2) .hubs-cards__title--primary {
    background-color: #ef426f; }
  .hubs-cards__item-container:nth-child(3) .hubs-cards__title--primary {
    background-color: #9163cb; }
  .hubs-cards__item-container:nth-child(4) .hubs-cards__title--primary {
    background-color: #00c7b1; }

.hubs-cards__collection {
  height: 70px;
  margin: 0;
  padding-top: 15px;
  padding-left: 15px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 984px) {
    .hubs-cards__collection {
      height: 100px;
      padding-top: 45px; } }
  .hubs-cards__collection, .hubs-cards__collection:hover {
    color: #d0df00; }
  .hubs-cards__collection:before {
    content: '';
    background: transparent url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/resources-marketing-header-bg.svg") 0 0 no-repeat;
    background-size: contain;
    width: 80px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0; }

.hubs-cards__collection-title {
  position: relative; }
  .hubs-cards__collection-title:before {
    content: 'Hand picked resources';
    font-size: 0.75rem;
    color: #ffffff;
    display: block;
    margin-bottom: -7px; }
  .hubs-cards__collection-title:after {
    content: "Collection";
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2; }

.hubs-cards__collection--element {
  padding-top: 32px; }
  @media screen and (min-width: 984px) {
    .hubs-cards__collection--element {
      padding-top: 62px; } }
  .hubs-cards__collection--element:before {
    background-image: url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/resources-elements-header-bg.svg");
    background-size: cover;
    background-color: #e4d8f2;
    width: 100%;
    height: 100%; }
  .hubs-cards__collection--element .hubs-cards__collection-title:before {
    content: ''; }
  .hubs-cards__collection--element .hubs-cards__collection-title:after {
    content: "Elements";
    color: #9163cb; }

.hubs-cards__collection--blue-stone {
  background-color: #005a70; }

.hubs-cards__collection--french-rose {
  background-color: #ef426f; }

.hubs-cards__collection--caribbean-green {
  background-color: #00c7b1; }

.hubs-cards__collection--burning-orange {
  background-color: #fd7037; }

.hubs-cards__collection--cornflower-blue {
  background-color: #6376ec; }

.hubs-cards__collection--pacific-blue {
  background-color: #0095c8; }

.hubs-cards__collection--purple-heart {
  background-color: #753bbd; }

.hubs-cards__collection--jagger {
  background-color: #3c1053; }

.hubs-cards__collection--midnight-blue {
  background-color: #002e5d; }

.hubs-cards__collection--cerulean {
  background-color: #00b5e2; }

.hubs-cards__collection--fiord {
  background-color: #43526f; }

.hubs-cards__title--two-lines {
  height: 50px;
  text-overflow: unset;
  white-space: unset; }

.hubs-cards__title--blog {
  margin-top: 15px;
  margin-bottom: 0; }

.hubs-cards__title--shop {
  margin-top: 15px;
  margin-bottom: 15px; }

.hubs-cards__description {
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #222222;
  max-height: 55px;
  overflow: hidden;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px; }
  @media screen and (min-width: 744px) {
    .hubs-cards__description {
      height: 55px;
      margin-bottom: 10px; } }

.hubs-cards__meta {
  font-size: 0.875rem;
  color: #43526f;
  margin: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.hubs-cards__meta--with-icon:before {
  content: '';
  -ms-flex: 0 0 24px;
      flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin-left: -3px;
  margin-right: 5px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E  %3Cdefs%3E    %3Crect id='a' width='34' height='34' rx='4'/%3E    %3Cpath fill='%238E97A9' d='M13.306 2.373l2.423 2.421h-2.423v-2.42zm4.103 7.885a.695.695 0 0 1-.695-.695V6.186H12.61a.695.695 0 0 1-.695-.696V1.39H8.2c-.674 0-1.224.55-1.224 1.224V13.69c0 .674.55 1.223 1.224 1.223h7.29c.674 0 1.224-.549 1.224-1.223a.695.695 0 1 1 1.39 0 2.617 2.617 0 0 1-2.614 2.615H8.2a2.617 2.617 0 0 1-2.614-2.615V2.615A2.617 2.617 0 0 1 8.2 0h4.41a.69.69 0 0 1 .269.055.653.653 0 0 1 .175.117c.016.012.034.018.048.031l4.8 4.795c.016.016.022.038.037.055a.69.69 0 0 1 .112.17.705.705 0 0 1 .054.267v4.073c0 .384-.311.695-.696.695zm-4.532 7.112a.696.696 0 0 1 .988.98c-.495.5-1.156.775-1.855.775H5.38a2.617 2.617 0 0 1-2.614-2.615V5.434c0-.696.272-1.353.769-1.847a.695.695 0 1 1 .981.985c-.231.232-.36.538-.36.862V16.51c0 .676.55 1.225 1.225 1.225h6.629c.327 0 .634-.13.867-.365zM.696 5.805c.384 0 .695.31.695.696v9.973a.696.696 0 1 1-1.391 0V6.5c0-.385.312-.696.696-.696z' id='b'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Cuse fill='%23222' xlink:href='%23b' transform='translate(8.146 7.083)'/%3E  %3C/g%3E%3C/svg%3E");
  background-position: 50% 50%; }

.hubs-cards__meta--sm {
  padding-bottom: 5px; }

.hubs-cards__meta--lg {
  height: 50px;
  border-top: 1px solid rgba(49, 88, 129, 0.2); }

.all-subjects-container {
  display: none; }
  .all-subjects-container.show-subjects {
    display: block; }

.hot-topics-container {
  background-color: #fcf4ed; }

.contextual-content .bg-white:empty {
  display: none; }

.contextual-content .tds-checkbox {
  color: #ad8ad8; }

.contextual-content .tds-checkbox__input:focus + .tds-checkbox__label,
.contextual-content .tds-checkbox__label:hover {
  box-shadow: 0 0 4px 0 #ad8ad8; }

.contextual-content .tds-checkbox--disabled + label {
  pointer-events: none;
  color: #bfbfbf; }

.elements-contextual {
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ededed; }

.marketing-header {
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 984px) {
    .marketing-header {
      margin-left: 8px;
      margin-right: 8px; } }

.marketing-header__item {
  padding: 0; }
  @media screen and (min-width: 1280px) {
    .marketing-header__item {
      height: 180px;
      float: left; } }
  .marketing-header__item:nth-child(2) {
    background-color: #d0df00; }
  .marketing-header__item:nth-child(3) {
    background-color: #ffe324; }

.marketing-header__item--primary {
  background-color: #2b3547;
  padding: 15px;
  position: relative;
  overflow: hidden;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
  @media screen and (min-width: 744px) {
    .marketing-header__item--primary {
      padding: 15px 180px 15px 25px; }
      .marketing-header__item--primary:before {
        content: '';
        background: transparent url("https://duqxiy1o2cbw6.cloudfront.net/tes/app-resource-dynamic-hubs/4c0c70a/dist/img/resources-marketing-header-bg.svg") 0 0 no-repeat;
        background-size: contain;
        width: 144px;
        height: 180px;
        position: absolute;
        top: 0;
        right: 0; } }

@media screen and (min-width: 0) and (max-width: 1280px) {
  .marketing-header__item--secondary {
    display: none; } }

@media screen and (min-width: 1280px) {
  .marketing-header__item--secondary {
    display: inline-block;
    width: 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%; } }

.marketing-header__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 46px;
  color: #d0df00;
  position: relative;
  margin: 0 0 5px; }

.marketing-header__disclaimer {
  font-size: 1.5rem;
  line-height: 1.3;
  color: #f5f5f5;
  position: relative; }

@media screen and (min-width: 900px) {
  .hubs-pendo-banner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    min-height: 80px;
    min-width: 1248px; } }

@media screen and (max-width: 744px) {
  .hubs-pendo-banner {
    display: none; } }

@media screen and (min-width: 744px) {
  .hubs-pendo-banner {
    text-align: center;
    background-color: #304150; } }

.card {
  display: block;
  position: relative;
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #d2d6d9;
  border-radius: 4px; }
  .card, .card:hover {
    text-decoration: none; }
  @media screen and (min-width: 744px) {
    .card {
      transition: all 0.25s ease-in-out; }
      .card:hover {
        box-shadow: 0 0 2px 2px rgba(210, 214, 217, 0.3); } }

.card__name {
  color: #002e5d; }

.card__footer {
  position: relative;
  padding: 13px 10px;
  font-size: 16px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (min-width: 744px) {
    .card__footer {
      font-size: 14px; } }

@media screen and (min-width: null) {
  .m-1-screen-lg {
    margin: 8px; }
  .mtop-1-screen-lg {
    margin-top: 8px; }
  .mright-1-screen-lg {
    margin-right: 8px; }
  .mbottom-1-screen-lg {
    margin-bottom: 8px; }
  .mleft-1-screen-lg {
    margin-left: 8px; }
  .my-1-screen-lg {
    margin-top: 8px;
    margin-bottom: 8px; }
  .mx-1-screen-lg {
    margin-left: 8px;
    margin-right: 8px; } }

@media screen and (min-width: null) {
  .m-2-screen-lg {
    margin: 16px; }
  .mtop-2-screen-lg {
    margin-top: 16px; }
  .mright-2-screen-lg {
    margin-right: 16px; }
  .mbottom-2-screen-lg {
    margin-bottom: 16px; }
  .mleft-2-screen-lg {
    margin-left: 16px; }
  .my-2-screen-lg {
    margin-top: 16px;
    margin-bottom: 16px; }
  .mx-2-screen-lg {
    margin-left: 16px;
    margin-right: 16px; } }

@media screen and (min-width: null) {
  .m-3-screen-lg {
    margin: 24px; }
  .mtop-3-screen-lg {
    margin-top: 24px; }
  .mright-3-screen-lg {
    margin-right: 24px; }
  .mbottom-3-screen-lg {
    margin-bottom: 24px; }
  .mleft-3-screen-lg {
    margin-left: 24px; }
  .my-3-screen-lg {
    margin-top: 24px;
    margin-bottom: 24px; }
  .mx-3-screen-lg {
    margin-left: 24px;
    margin-right: 24px; } }

@media screen and (min-width: null) {
  .m-4-screen-lg {
    margin: 32px; }
  .mtop-4-screen-lg {
    margin-top: 32px; }
  .mright-4-screen-lg {
    margin-right: 32px; }
  .mbottom-4-screen-lg {
    margin-bottom: 32px; }
  .mleft-4-screen-lg {
    margin-left: 32px; }
  .my-4-screen-lg {
    margin-top: 32px;
    margin-bottom: 32px; }
  .mx-4-screen-lg {
    margin-left: 32px;
    margin-right: 32px; } }

@media screen and (min-width: null) {
  .m-5-screen-lg {
    margin: 40px; }
  .mtop-5-screen-lg {
    margin-top: 40px; }
  .mright-5-screen-lg {
    margin-right: 40px; }
  .mbottom-5-screen-lg {
    margin-bottom: 40px; }
  .mleft-5-screen-lg {
    margin-left: 40px; }
  .my-5-screen-lg {
    margin-top: 40px;
    margin-bottom: 40px; }
  .mx-5-screen-lg {
    margin-left: 40px;
    margin-right: 40px; } }

@media screen and (min-width: null) {
  .m-6-screen-lg {
    margin: 48px; }
  .mtop-6-screen-lg {
    margin-top: 48px; }
  .mright-6-screen-lg {
    margin-right: 48px; }
  .mbottom-6-screen-lg {
    margin-bottom: 48px; }
  .mleft-6-screen-lg {
    margin-left: 48px; }
  .my-6-screen-lg {
    margin-top: 48px;
    margin-bottom: 48px; }
  .mx-6-screen-lg {
    margin-left: 48px;
    margin-right: 48px; } }

@media screen and (min-width: null) {
  .m-7-screen-lg {
    margin: 56px; }
  .mtop-7-screen-lg {
    margin-top: 56px; }
  .mright-7-screen-lg {
    margin-right: 56px; }
  .mbottom-7-screen-lg {
    margin-bottom: 56px; }
  .mleft-7-screen-lg {
    margin-left: 56px; }
  .my-7-screen-lg {
    margin-top: 56px;
    margin-bottom: 56px; }
  .mx-7-screen-lg {
    margin-left: 56px;
    margin-right: 56px; } }

@media screen and (min-width: null) {
  .m-8-screen-lg {
    margin: 64px; }
  .mtop-8-screen-lg {
    margin-top: 64px; }
  .mright-8-screen-lg {
    margin-right: 64px; }
  .mbottom-8-screen-lg {
    margin-bottom: 64px; }
  .mleft-8-screen-lg {
    margin-left: 64px; }
  .my-8-screen-lg {
    margin-top: 64px;
    margin-bottom: 64px; }
  .mx-8-screen-lg {
    margin-left: 64px;
    margin-right: 64px; } }

@media screen and (min-width: null) {
  .m-9-screen-lg {
    margin: 72px; }
  .mtop-9-screen-lg {
    margin-top: 72px; }
  .mright-9-screen-lg {
    margin-right: 72px; }
  .mbottom-9-screen-lg {
    margin-bottom: 72px; }
  .mleft-9-screen-lg {
    margin-left: 72px; }
  .my-9-screen-lg {
    margin-top: 72px;
    margin-bottom: 72px; }
  .mx-9-screen-lg {
    margin-left: 72px;
    margin-right: 72px; } }

@media screen and (min-width: null) {
  .m-10-screen-lg {
    margin: 80px; }
  .mtop-10-screen-lg {
    margin-top: 80px; }
  .mright-10-screen-lg {
    margin-right: 80px; }
  .mbottom-10-screen-lg {
    margin-bottom: 80px; }
  .mleft-10-screen-lg {
    margin-left: 80px; }
  .my-10-screen-lg {
    margin-top: 80px;
    margin-bottom: 80px; }
  .mx-10-screen-lg {
    margin-left: 80px;
    margin-right: 80px; } }

@media screen and (min-width: null) {
  .m-0-screen-lg {
    margin: 0; }
  .mtop-0-screen-lg {
    margin-top: 0; }
  .mright-0-screen-lg {
    margin-right: 0; }
  .mbottom-0-screen-lg {
    margin-bottom: 0; }
  .mleft-0-screen-lg {
    margin-left: 0; }
  .my-0-screen-lg {
    margin-top: 0;
    margin-bottom: 0; }
  .mx-0-screen-lg {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: null) {
  .p-1-screen-md {
    padding: 8px; }
  .ptop-1-screen-md {
    padding-top: 8px; }
  .pright-1-screen-md {
    padding-right: 8px; }
  .pbottom-1-screen-md {
    padding-bottom: 8px; }
  .pleft-1-screen-md {
    padding-left: 8px; }
  .py-1-screen-md {
    padding-top: 8px;
    padding-bottom: 8px; }
  .px-1-screen-md {
    padding-left: 8px;
    padding-right: 8px; } }

@media screen and (min-width: null) {
  .p-2-screen-md {
    padding: 16px; }
  .ptop-2-screen-md {
    padding-top: 16px; }
  .pright-2-screen-md {
    padding-right: 16px; }
  .pbottom-2-screen-md {
    padding-bottom: 16px; }
  .pleft-2-screen-md {
    padding-left: 16px; }
  .py-2-screen-md {
    padding-top: 16px;
    padding-bottom: 16px; }
  .px-2-screen-md {
    padding-left: 16px;
    padding-right: 16px; } }

@media screen and (min-width: null) {
  .p-3-screen-md {
    padding: 24px; }
  .ptop-3-screen-md {
    padding-top: 24px; }
  .pright-3-screen-md {
    padding-right: 24px; }
  .pbottom-3-screen-md {
    padding-bottom: 24px; }
  .pleft-3-screen-md {
    padding-left: 24px; }
  .py-3-screen-md {
    padding-top: 24px;
    padding-bottom: 24px; }
  .px-3-screen-md {
    padding-left: 24px;
    padding-right: 24px; } }

@media screen and (min-width: null) {
  .p-4-screen-md {
    padding: 32px; }
  .ptop-4-screen-md {
    padding-top: 32px; }
  .pright-4-screen-md {
    padding-right: 32px; }
  .pbottom-4-screen-md {
    padding-bottom: 32px; }
  .pleft-4-screen-md {
    padding-left: 32px; }
  .py-4-screen-md {
    padding-top: 32px;
    padding-bottom: 32px; }
  .px-4-screen-md {
    padding-left: 32px;
    padding-right: 32px; } }

@media screen and (min-width: null) {
  .p-5-screen-md {
    padding: 40px; }
  .ptop-5-screen-md {
    padding-top: 40px; }
  .pright-5-screen-md {
    padding-right: 40px; }
  .pbottom-5-screen-md {
    padding-bottom: 40px; }
  .pleft-5-screen-md {
    padding-left: 40px; }
  .py-5-screen-md {
    padding-top: 40px;
    padding-bottom: 40px; }
  .px-5-screen-md {
    padding-left: 40px;
    padding-right: 40px; } }

@media screen and (min-width: null) {
  .p-6-screen-md {
    padding: 48px; }
  .ptop-6-screen-md {
    padding-top: 48px; }
  .pright-6-screen-md {
    padding-right: 48px; }
  .pbottom-6-screen-md {
    padding-bottom: 48px; }
  .pleft-6-screen-md {
    padding-left: 48px; }
  .py-6-screen-md {
    padding-top: 48px;
    padding-bottom: 48px; }
  .px-6-screen-md {
    padding-left: 48px;
    padding-right: 48px; } }

@media screen and (min-width: null) {
  .p-7-screen-md {
    padding: 56px; }
  .ptop-7-screen-md {
    padding-top: 56px; }
  .pright-7-screen-md {
    padding-right: 56px; }
  .pbottom-7-screen-md {
    padding-bottom: 56px; }
  .pleft-7-screen-md {
    padding-left: 56px; }
  .py-7-screen-md {
    padding-top: 56px;
    padding-bottom: 56px; }
  .px-7-screen-md {
    padding-left: 56px;
    padding-right: 56px; } }

@media screen and (min-width: null) {
  .p-8-screen-md {
    padding: 64px; }
  .ptop-8-screen-md {
    padding-top: 64px; }
  .pright-8-screen-md {
    padding-right: 64px; }
  .pbottom-8-screen-md {
    padding-bottom: 64px; }
  .pleft-8-screen-md {
    padding-left: 64px; }
  .py-8-screen-md {
    padding-top: 64px;
    padding-bottom: 64px; }
  .px-8-screen-md {
    padding-left: 64px;
    padding-right: 64px; } }

@media screen and (min-width: null) {
  .p-9-screen-md {
    padding: 72px; }
  .ptop-9-screen-md {
    padding-top: 72px; }
  .pright-9-screen-md {
    padding-right: 72px; }
  .pbottom-9-screen-md {
    padding-bottom: 72px; }
  .pleft-9-screen-md {
    padding-left: 72px; }
  .py-9-screen-md {
    padding-top: 72px;
    padding-bottom: 72px; }
  .px-9-screen-md {
    padding-left: 72px;
    padding-right: 72px; } }

@media screen and (min-width: null) {
  .p-10-screen-md {
    padding: 80px; }
  .ptop-10-screen-md {
    padding-top: 80px; }
  .pright-10-screen-md {
    padding-right: 80px; }
  .pbottom-10-screen-md {
    padding-bottom: 80px; }
  .pleft-10-screen-md {
    padding-left: 80px; }
  .py-10-screen-md {
    padding-top: 80px;
    padding-bottom: 80px; }
  .px-10-screen-md {
    padding-left: 80px;
    padding-right: 80px; } }

@media screen and (min-width: null) {
  .p-0-screen-md {
    padding: 0; }
  .ptop-0-screen-md {
    padding-top: 0; }
  .pright-0-screen-md {
    padding-right: 0; }
  .pbottom-0-screen-md {
    padding-bottom: 0; }
  .pleft-0-screen-md {
    padding-left: 0; }
  .py-0-screen-md {
    padding-top: 0;
    padding-bottom: 0; }
  .px-0-screen-md {
    padding-left: 0;
    padding-right: 0; } }

.icon-angle-down.icon-black {
  background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222222' d='M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z'/%3E%3C/svg%3E"); }

.icon-chevron-left.icon-white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%0D%3C!-- Generator: Adobe Illustrator 18.1.1%2C SVG Export Plug-In . SVG Version: 6.00 Build 0)  --%3E%0D%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%0D%09 viewBox='475 -301.4 1792 1792' enable-background='new 475 -301.4 1792 1792' xml:space='preserve'%3E%0D%3Cg%3E%0D%09%3Cg%3E%0D%09%09%3Cg%3E%0D%09%09%09%3Cdefs%3E%0D%09%09%09%09%3Crect id='SVGID_1_' x='851.4' y='-301.4' width='1044.8' height='1818.5'/%3E%0D%09%09%09%3C/defs%3E%0D%09%09%09%3CclipPath id='SVGID_2_'%3E%0D%09%09%09%09%3Cuse xlink:href='%23SVGID_1_'  overflow='visible'/%3E%0D%09%09%09%3C/clipPath%3E%0D%09%09%09%3Cpath fill='%23FFFFFF' clip-path='url(%23SVGID_2_)' d='M869%2C553.3c-12.1%2C12.1-18%2C25.8-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3l836.8%2C836.9%0D%09%09%09%09c12%2C12%2C25.8%2C17.9%2C41.3%2C17.9c15.6%2C0%2C29.4-5.9%2C41.3-17.9l89.8-89.7c11.9-12.1%2C18-25.8%2C18-41.3c0-15.6-6-29.4-18-41.3l-705.7-705.8%0D%09%09%09%09l705.7-705.7c11.9-11.9%2C18-25.7%2C18-41.3s-6-29.4-18-41.3l-89.8-89.8c-12-11.9-25.7-18-41.3-18c-15.5%2C0-29.3%2C6-41.3%2C18L869%2C553.3%0D%09%09%09%09L869%2C553.3z'/%3E%0D%09%09%3C/g%3E%0D%09%3C/g%3E%0D%3C/g%3E%0D%3C/svg%3E%0D"); }

.icon-chevron-right.icon-black {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1%2C SVG Export Plug-In . SVG Version: 6.00 Build 0)  --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 viewBox='475 -301.4 1792 1792' enable-background='new 475 -301.4 1792 1792' xml:space='preserve'%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cdefs%3E%09%09%09%09%3Crect id='SVGID_1_' x='851.4' y='-327.9' width='1044.8' height='1818.5'/%3E%09%09%09%3C/defs%3E%09%09%09%3CclipPath id='SVGID_2_'%3E%09%09%09%09%3Cuse xlink:href='%23SVGID_1_'  overflow='visible'/%3E%09%09%09%3C/clipPath%3E%09%09%09%3Cpath fill='%23222222' clip-path='url(%23SVGID_2_)' d='M1878.6%2C635.8c12.1-12.1%2C18-25.8%2C18-41.3c0-15.6-6-29.4-18-41.3l-836.8-836.9%09%09%09%09c-12-12-25.8-17.9-41.3-17.9c-15.6%2C0-29.4%2C5.9-41.3%2C17.9L869.4-194c-11.9%2C12.1-18%2C25.8-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3%09%09%09%09l705.7%2C705.8l-705.7%2C705.7c-11.9%2C11.9-18%2C25.7-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3l89.8%2C89.8c12%2C11.9%2C25.7%2C18%2C41.3%2C18%09%09%09%09c15.5%2C0%2C29.3-6%2C41.3-18L1878.6%2C635.8L1878.6%2C635.8z'/%3E%09%09%3C/g%3E%09%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-chevron-right.icon-gray {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1%2C SVG Export Plug-In . SVG Version: 6.00 Build 0)  --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 viewBox='475 -301.4 1792 1792' enable-background='new 475 -301.4 1792 1792' xml:space='preserve'%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cdefs%3E%09%09%09%09%3Crect id='SVGID_1_' x='851.4' y='-327.9' width='1044.8' height='1818.5'/%3E%09%09%09%3C/defs%3E%09%09%09%3CclipPath id='SVGID_2_'%3E%09%09%09%09%3Cuse xlink:href='%23SVGID_1_'  overflow='visible'/%3E%09%09%09%3C/clipPath%3E%09%09%09%3Cpath fill='%23BFBFBF' clip-path='url(%23SVGID_2_)' d='M1878.6%2C635.8c12.1-12.1%2C18-25.8%2C18-41.3c0-15.6-6-29.4-18-41.3l-836.8-836.9%09%09%09%09c-12-12-25.8-17.9-41.3-17.9c-15.6%2C0-29.4%2C5.9-41.3%2C17.9L869.4-194c-11.9%2C12.1-18%2C25.8-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3%09%09%09%09l705.7%2C705.8l-705.7%2C705.7c-11.9%2C11.9-18%2C25.7-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3l89.8%2C89.8c12%2C11.9%2C25.7%2C18%2C41.3%2C18%09%09%09%09c15.5%2C0%2C29.3-6%2C41.3-18L1878.6%2C635.8L1878.6%2C635.8z'/%3E%09%09%3C/g%3E%09%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-chevron-right.icon-white {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1%2C SVG Export Plug-In . SVG Version: 6.00 Build 0)  --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 viewBox='475 -301.4 1792 1792' enable-background='new 475 -301.4 1792 1792' xml:space='preserve'%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cdefs%3E%09%09%09%09%3Crect id='SVGID_1_' x='851.4' y='-327.9' width='1044.8' height='1818.5'/%3E%09%09%09%3C/defs%3E%09%09%09%3CclipPath id='SVGID_2_'%3E%09%09%09%09%3Cuse xlink:href='%23SVGID_1_'  overflow='visible'/%3E%09%09%09%3C/clipPath%3E%09%09%09%3Cpath fill='%23FFFFFF' clip-path='url(%23SVGID_2_)' d='M1878.6%2C635.8c12.1-12.1%2C18-25.8%2C18-41.3c0-15.6-6-29.4-18-41.3l-836.8-836.9%09%09%09%09c-12-12-25.8-17.9-41.3-17.9c-15.6%2C0-29.4%2C5.9-41.3%2C17.9L869.4-194c-11.9%2C12.1-18%2C25.8-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3%09%09%09%09l705.7%2C705.8l-705.7%2C705.7c-11.9%2C11.9-18%2C25.7-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3l89.8%2C89.8c12%2C11.9%2C25.7%2C18%2C41.3%2C18%09%09%09%09c15.5%2C0%2C29.3-6%2C41.3-18L1878.6%2C635.8L1878.6%2C635.8z'/%3E%09%09%3C/g%3E%09%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-chevron-right.icon-fiord {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 18.1.1%2C SVG Export Plug-In . SVG Version: 6.00 Build 0)  --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'%09 viewBox='475 -301.4 1792 1792' enable-background='new 475 -301.4 1792 1792' xml:space='preserve'%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cdefs%3E%09%09%09%09%3Crect id='SVGID_1_' x='851.4' y='-327.9' width='1044.8' height='1818.5'/%3E%09%09%09%3C/defs%3E%09%09%09%3CclipPath id='SVGID_2_'%3E%09%09%09%09%3Cuse xlink:href='%23SVGID_1_'  overflow='visible'/%3E%09%09%09%3C/clipPath%3E%09%09%09%3Cpath fill='%2343526F' clip-path='url(%23SVGID_2_)' d='M1878.6%2C635.8c12.1-12.1%2C18-25.8%2C18-41.3c0-15.6-6-29.4-18-41.3l-836.8-836.9%09%09%09%09c-12-12-25.8-17.9-41.3-17.9c-15.6%2C0-29.4%2C5.9-41.3%2C17.9L869.4-194c-11.9%2C12.1-18%2C25.8-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3%09%09%09%09l705.7%2C705.8l-705.7%2C705.7c-11.9%2C11.9-18%2C25.7-18%2C41.3c0%2C15.6%2C6%2C29.4%2C18%2C41.3l89.8%2C89.8c12%2C11.9%2C25.7%2C18%2C41.3%2C18%09%09%09%09c15.5%2C0%2C29.3-6%2C41.3-18L1878.6%2C635.8L1878.6%2C635.8z'/%3E%09%09%3C/g%3E%09%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-tds-chevron-right.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%236376EC' d='M12.2993191%2C23.0174256 C11.9122335%2C23.4045112 11.8988242%2C24.0186918 12.2693687%2C24.3892363 C12.6399132%2C24.7597807 13.2540937%2C24.7463715 13.6411794%2C24.3592859 L21.3508651%2C16.6496001 L13.9706337%2C9.2693687 C13.6000893%2C8.89882422 12.9859087%2C8.91223347 12.5988231%2C9.2993191 C12.2117375%2C9.68640472 12.1983282%2C10.3005853 12.5688727%2C10.6711298 L18.6072438%2C16.7095009 L12.2993191%2C23.0174256 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.icon-tds-chevron-left.icon-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E  %3Cg fill='none' fill-rule='evenodd'%3E    %3Crect width='34' height='34' rx='4'/%3E    %3Cpath fill='%236376EC' d='M21.051546%2C10.6411794 C21.4386317%2C10.2540937 21.4520409%2C9.63991318 21.0814964%2C9.2693687 C20.710952%2C8.89882422 20.0967714%2C8.91223347 19.7096858%2C9.2993191 L12%2C17.0090049 L19.3802314%2C24.3892363 C19.7507759%2C24.7597807 20.3649564%2C24.7463715 20.752042%2C24.3592859 C21.1391277%2C23.9722002 21.1525369%2C23.3580197 20.7819924%2C22.9874752 L14.7436213%2C16.9491041 L21.051546%2C10.6411794 Z'/%3E  %3C/g%3E%3C/svg%3E"); }

.icon-star.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xNzI4IDY0N3EwIDIyLTI2IDQ4bC0zNjMgMzU0IDg2IDUwMHExIDcgMSAyMCAwIDIxLTEwLjUgMzUuNXQtMzAuNSAxNC41cS0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K"); }

.icon-star-half-o.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xMjUwIDk1N2wyNTctMjUwLTM1Ni01Mi02Ni0xMC0zMC02MC0xNTktMzIydjk2M2w1OSAzMSAzMTggMTY4LTYwLTM1NS0xMi02NnptNDUyLTI2MmwtMzYzIDM1NCA4NiA1MDBxNSAzMy02IDUxLjV0LTM0IDE4LjVxLTE3IDAtNDAtMTJsLTQ0OS0yMzYtNDQ5IDIzNnEtMjMgMTItNDAgMTItMjMgMC0zNC0xOC41dC02LTUxLjVsODYtNTAwLTM2NC0zNTRxLTMyLTMyLTIzLTU5LjV0NTQtMzQuNWw1MDItNzMgMjI1LTQ1NXEyMC00MSA0OS00MSAyOCAwIDQ5IDQxbDIyNSA0NTUgNTAyIDczcTQ1IDcgNTQgMzQuNXQtMjQgNTkuNXoiLz48L3N2Zz4K"); }

.icon-star-o.icon-yellow {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmMmMwMGMiIGQ9Ik0xMjAxIDEwMDRsMzA2LTI5Ny00MjItNjItMTg5LTM4Mi0xODkgMzgyLTQyMiA2MiAzMDYgMjk3LTczIDQyMSAzNzgtMTk5IDM3NyAxOTl6bTUyNy0zNTdxMCAyMi0yNiA0OGwtMzYzIDM1NCA4NiA1MDBxMSA3IDEgMjAgMCA1MC00MSA1MC0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K"); }

.l-app-content {
  background-color: transparent; }

@media screen and (min-width: 0) and (max-width: 984px) {
  .l-app-content {
    padding: 16px; } }

@media screen and (min-width: 0) and (max-width: 984px) {
  .l-intro-content {
    margin-bottom: 0; } }

.pagination__previous {
  margin-right: 10px !important; }

.pagination__next {
  margin-left: 5px !important; }

/*# sourceMappingURL=main.css.map*/