/*
  *****
  Completely unstyled button, so either link or button styles can be layered on top
  *****
*/
.tds-btn {
  font-family: inherit;
  display: inline-block;
  display: inline-flex;
  text-decoration: none;
  user-select: none;
  -webkit-appearance: none;
  white-space: nowrap;
  border-style: none;
  margin: 0;
  border-style: none;
  cursor: pointer;
  font-weight: 500;
  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: #f5f5f5; }

/*
  *****
  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: #d6d6d6; }
  .tds-btn--secondary-monotone:active, .tds-btn--secondary-monotone:hover:active {
    background-color: #ededed;
    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;
  justify-content: center;
  width: 100%; }

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

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

/*
  *****
  DISABLED-STATE
  *****
*/
.tds-btn--is-disabled,
.tds-btn:disabled {
  pointer-events: none;
  opacity: 0.3; }

/*
  *****
  LOADING-STATE
  *****
*/
.tds-btn.tds-btn--loading:disabled {
  opacity: 0.6; }

.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); }

.tds-btn.tds-btn--loading.tds-btn--loading-fixed-width.tds-btn--sm .icon--loading_wrapper {
  margin-left: -10px; }

@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 {
  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 {
  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 {
  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 {
  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: flex;
  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; }

.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: flex;
  flex-direction: row;
  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: 984px) {
    .resource-card__container--lg {
      height: 310px; } }
  .resource-card__container--lg .rating {
    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: 744px) {
  .resource-card__quick-view-container {
    position: relative; } }

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

.resource-card__quick-view--always-visible {
  display: none; }
  @media screen and (min-width: 744px) {
    .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: 744px) {
    .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: 744px) {
  .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: 744px) {
  .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: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse; }

.resource-card__meta--ad {
  color: #fd7037;
  font-size: 0.82353rem;
  font-weight: 500;
  line-height: 17px;
  margin-top: 5px; }
  @media screen and (min-width: 984px) {
    .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: flex;
  flex-direction: column;
  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.82353rem;
  font-style: italic;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }
  @media screen and (min-width: 984px) {
    .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: flex;
  justify-content: flex-end; }
  @media screen and (min-width: 744px) {
    .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: 744px) {
    .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: flex;
  align-items: baseline; }

.resource-card__media-footer__list--lg {
  align-items: 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: 744px) {
    .resource-card__price {
      font-size: 1.11765rem; } }

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

.resource-card__discount {
  font-size: 0.70588rem;
  text-transform: uppercase;
  color: #58657f;
  margin-left: 5px;
  display: none; }
  @media screen and (min-width: 744px) {
    .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: 744px) {
    .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: 744px) {
    .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.82353rem;
  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: 744px) {
    .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.70588rem;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1.8;
  color: #8e97a9;
  padding-right: 2px;
  padding-left: 2px;
  display: flex;
  justify-content: 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: 1280px) {
  .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: 744px) {
    .resource-card__media-heading {
      height: 40px; } }

.resource-card__media-heading--sm {
  font-size: 0.82353rem;
  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: 984px) {
    .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;
  align-items: baseline;
  white-space: nowrap; }

@media screen and (min-width: 0) and (max-width: 744px) {
  .resource-card__media-heading-price {
    font-weight: 400; } }
  @media screen and (min-width: 744px) {
    .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.82353rem;
  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: 744px) {
  .resource-card__media-description {
    display: none; } }

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

.tes-collapsible {
  position: relative; }
  .tes-collapsible > .tes-collapsible__content {
    position: relative;
    transition: max-height .25s ease-in-out;
    overflow: hidden; }
  .tes-collapsible.is--disabled > .tes-collapsible__toggler {
    opacity: .5; }

.tes-collapsible__content > * {
  overflow: hidden; }

.tes-collapsible.is--toggled-no-overflow > .tes-collapsible__content {
  overflow: visible; }

.tes-collapsible.is--toggled-no-overflow .tes-collapsible__content > * {
  overflow: visible; }

.icon {
  background-position: center; }

.tds-btn .icon {
  height: 34px;
  width: 20px; }

.tds-btn--sm .icon {
  width: 14px; }

.tds-btn--lg .icon {
  width: 26px; }

.tds-btn--xl .icon {
  width: 32px; }

.media,
.media__body {
  zoom: 1;
  overflow: hidden; }

.media__body {
  width: 10000px; }

.media__object {
  display: block;
  height: auto; }

.media__object--sm {
  width: 25px; }

.media__object--lg {
  width: 120px; }

.media__object--circle {
  border-radius: 50%; }

.media__object--border {
  border: 1px solid #d2d6d9; }

.media__object--border-radius {
  border-radius: 4px; }

.media__aside {
  padding-right: 15px; }

.media__aside--right {
  padding-right: 0;
  padding-left: 15px; }

.media__aside,
.media__body {
  display: table-cell;
  vertical-align: top; }

.media__aside--middle,
.media__body--middle {
  vertical-align: middle; }

.media__aside--bottom,
.media__body--bottom {
  vertical-align: bottom; }

.p-1 {
  padding: 8px; }

.px-1 {
  padding-left: 8px;
  padding-right: 8px; }

.py-1 {
  padding-top: 8px;
  padding-bottom: 8px; }

.pt-1 {
  padding-top: 8px; }

.pr-1 {
  padding-right: 8px; }

.pb-1 {
  padding-bottom: 8px; }

.pl-1 {
  padding-left: 8px; }

.p-2 {
  padding: 16px; }

.px-2 {
  padding-left: 16px;
  padding-right: 16px; }

.py-2 {
  padding-top: 16px;
  padding-bottom: 16px; }

.pt-2 {
  padding-top: 16px; }

.pr-2 {
  padding-right: 16px; }

.pb-2 {
  padding-bottom: 16px; }

.pl-2 {
  padding-left: 16px; }

.p-3 {
  padding: 24px; }

.px-3 {
  padding-left: 24px;
  padding-right: 24px; }

.py-3 {
  padding-top: 24px;
  padding-bottom: 24px; }

.pt-3 {
  padding-top: 24px; }

.pr-3 {
  padding-right: 24px; }

.pb-3 {
  padding-bottom: 24px; }

.pl-3 {
  padding-left: 24px; }

.p-4 {
  padding: 32px; }

.px-4 {
  padding-left: 32px;
  padding-right: 32px; }

.py-4 {
  padding-top: 32px;
  padding-bottom: 32px; }

.pt-4 {
  padding-top: 32px; }

.pr-4 {
  padding-right: 32px; }

.pb-4 {
  padding-bottom: 32px; }

.pl-4 {
  padding-left: 32px; }

.p-5 {
  padding: 40px; }

.px-5 {
  padding-left: 40px;
  padding-right: 40px; }

.py-5 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pt-5 {
  padding-top: 40px; }

.pr-5 {
  padding-right: 40px; }

.pb-5 {
  padding-bottom: 40px; }

.pl-5 {
  padding-left: 40px; }

.p-6 {
  padding: 48px; }

.px-6 {
  padding-left: 48px;
  padding-right: 48px; }

.py-6 {
  padding-top: 48px;
  padding-bottom: 48px; }

.pt-6 {
  padding-top: 48px; }

.pr-6 {
  padding-right: 48px; }

.pb-6 {
  padding-bottom: 48px; }

.pl-6 {
  padding-left: 48px; }

.p-7 {
  padding: 56px; }

.px-7 {
  padding-left: 56px;
  padding-right: 56px; }

.py-7 {
  padding-top: 56px;
  padding-bottom: 56px; }

.pt-7 {
  padding-top: 56px; }

.pr-7 {
  padding-right: 56px; }

.pb-7 {
  padding-bottom: 56px; }

.pl-7 {
  padding-left: 56px; }

.p-8 {
  padding: 64px; }

.px-8 {
  padding-left: 64px;
  padding-right: 64px; }

.py-8 {
  padding-top: 64px;
  padding-bottom: 64px; }

.pt-8 {
  padding-top: 64px; }

.pr-8 {
  padding-right: 64px; }

.pb-8 {
  padding-bottom: 64px; }

.pl-8 {
  padding-left: 64px; }

.p-9 {
  padding: 72px; }

.px-9 {
  padding-left: 72px;
  padding-right: 72px; }

.py-9 {
  padding-top: 72px;
  padding-bottom: 72px; }

.pt-9 {
  padding-top: 72px; }

.pr-9 {
  padding-right: 72px; }

.pb-9 {
  padding-bottom: 72px; }

.pl-9 {
  padding-left: 72px; }

.p-10 {
  padding: 80px; }

.px-10 {
  padding-left: 80px;
  padding-right: 80px; }

.py-10 {
  padding-top: 80px;
  padding-bottom: 80px; }

.pt-10 {
  padding-top: 80px; }

.pr-10 {
  padding-right: 80px; }

.pb-10 {
  padding-bottom: 80px; }

.pl-10 {
  padding-left: 80px; }

.p-0 {
  padding: 0; }

.px-0 {
  padding-left: 0;
  padding-right: 0; }

.py-0 {
  padding-top: 0;
  padding-bottom: 0; }

.pt-0 {
  padding-top: 0; }

.pr-0 {
  padding-right: 0; }

.pb-0 {
  padding-bottom: 0; }

.pl-0 {
  padding-left: 0; }

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

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

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

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

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

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

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

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

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

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

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

.cl-container {
  opacity: 1;
  transition: opacity 200ms ease;
  padding: 15px; }
  @media screen and (min-width: 984px) {
    .cl-container {
      border: 1px solid #d6d6d6; } }
  @media screen and (min-width: 1280px) {
    .cl-container {
      padding-left: 30px;
      padding-right: 30px; } }

.cl-container--loading {
  opacity: 0.5;
  pointer-events: none; }

.cl-container--top {
  margin-bottom: 16px; }
  @media screen and (min-width: 744px) {
    .cl-container--top {
      position: relative;
      overflow: hidden; }
      .cl-container--top:before, .cl-container--top:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        opacity: .03;
        position: absolute; }
      .cl-container--top:before {
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 170px solid #002e5d;
        top: 70px;
        left: -40px; }
      .cl-container--top:after {
        border-left: 85px solid transparent;
        border-right: 75px solid transparent;
        border-bottom: 150px solid #002e5d;
        top: 20px;
        right: 30px;
        transform: rotate(-93deg); } }

@media screen and (min-width: 0) and (max-width: 744px) {
  .cl-container--bottom {
    margin-bottom: 64px; } }

.loading-spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) rotateZ(45deg);
  width: 40px;
  height: 40px; }

.loading-spinner .loading-spinner__cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.loading-spinner .loading-spinner__cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #66d3ee;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.loading-spinner .loading-spinner__cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.loading-spinner .loading-spinner__cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.loading-spinner .loading-spinner__cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.loading-spinner .loading-spinner__cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.loading-spinner .loading-spinner__cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.loading-spinner .loading-spinner__cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

.cl-title {
  font-size: 2.23529rem;
  font-weight: 700;
  line-height: 1.11;
  color: #00c7b1;
  margin: 5px 0 0; }
  @media screen and (min-width: 744px) {
    .cl-title {
      font-weight: 500; } }
  @media screen and (min-width: 1280px) {
    .cl-title {
      font-size: 2.23529rem;
      margin-top: 10px; } }

.cl-subtitle {
  font-size: 1.11765rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 15px 0 0;
  margin-bottom: -20px; }
  @media screen and (min-width: 744px) {
    .cl-subtitle {
      font-size: 1.82353rem;
      font-weight: 500; } }
  @media screen and (min-width: 1280px) {
    .cl-subtitle {
      font-size: 42px; } }

.cl-author {
  padding: 15px 0 20px;
  border-bottom: 1px solid #f5f5f5; }
  @media screen and (min-width: 744px) {
    .cl-author {
      padding-left: 20px; }
      .cl-author:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        opacity: .03;
        position: absolute;
        border-left: 100px solid transparent;
        border-right: 90px solid transparent;
        border-bottom: 150px solid #002e5d;
        top: 40%;
        left: 50%;
        transform: rotate(27deg); } }

.cl-author__avatar {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden; }

.cl-author__quote:before, .cl-author__quote:after,
.cl-author__end-quotes:before,
.cl-author__end-quotes:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  background-color: #222222;
  border-radius: 50%; }
  @media screen and (min-width: 744px) {
    .cl-author__quote:before, .cl-author__quote:after,
    .cl-author__end-quotes:before,
    .cl-author__end-quotes:after {
      width: 7px;
      height: 7px; } }

.cl-author__quote {
  font-size: 1.11765rem;
  font-style: italic;
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
  padding-top: 15px; }
  .cl-author__quote:before, .cl-author__quote:after {
    border-bottom-right-radius: 0;
    position: absolute;
    top: 0;
    left: 0; }
  .cl-author__quote:after {
    left: 11px; }
  @media screen and (min-width: 744px) {
    .cl-author__quote {
      padding-top: 0; }
      .cl-author__quote:before {
        top: 5px;
        left: -19px; }
      .cl-author__quote:after {
        top: 5px;
        left: -10px; } }
  @media screen and (min-width: 1280px) {
    .cl-author__quote {
      font-size: 1.29412rem; } }

.cl-author__end-quotes {
  display: inline-flex;
  vertical-align: top;
  position: relative;
  top: 3px; }
  .cl-author__end-quotes:before, .cl-author__end-quotes:after {
    border-bottom-left-radius: 0;
    margin-left: 2px; }

.cl-author__name {
  color: #222222;
  line-height: 1.2;
  margin-bottom: 0; }
  .cl-author__name, .cl-author__name:hover {
    text-decoration: none; }

@media screen and (min-width: 0) and (max-width: 1280px) {
  .cl-author__name {
    font-size: 0.82353rem; } }
  @media screen and (min-width: 1280px) {
    .cl-author__name {
      font-style: italic; } }

.cl-breadcrumb {
  display: flex;
  margin: 0;
  padding: 0 0 15px;
  list-style-type: none;
  overflow: auto; }
  .cl-breadcrumb::-webkit-scrollbar {
    height: 2px;
    background-color: rgba(34, 34, 34, 0.1); }
  .cl-breadcrumb::-webkit-scrollbar-thumb {
    background-color: #222222; }

.cl-breadcrumb__item {
  white-space: nowrap;
  position: relative;
  padding: 0 10px; }
  .cl-breadcrumb__item:first-child {
    padding-left: 0; }
  @media screen and (min-width: 1280px) {
    .cl-breadcrumb__item {
      font-size: 1.29412rem; } }

.cl-breadcrumb__link {
  text-decoration: none;
  color: #66829e; }
  .cl-breadcrumb__link:hover {
    text-decoration: none;
    color: #33587d; }
  .cl-breadcrumb__link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -11px;
    transform: translateY(-55%);
    width: 20px;
    height: 20px;
    display: block;
    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='%2366829E' 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");
    background-repeat: no-repeat;
    background-size: 100% auto; }

.cl-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #f5f5f5; }
  .cl-list:empty {
    display: none; }

.cl-list__item {
  padding: 4px 0;
  border-bottom: 1px solid #f5f5f5; }

.cl-list__link {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  border-radius: 4px;
  color: #222222; }
  .cl-list__link:hover {
    text-decoration: none;
    background-color: #f5f5f5; }
  .cl-list__link:active {
    color: #ffffff;
    background-color: #6376ec; }
  @media screen and (min-width: 744px) {
    .cl-list__link {
      min-height: 85px; } }

.cl-list__title {
  font-size: 1.11765rem;
  padding: 15px; }
  @media screen and (min-width: 744px) {
    .cl-list__title {
      font-size: 1.29412rem; } }

.cl-list__description {
  width: 55%;
  flex: 0 0 55%;
  padding: 15px; }
  .cl-list__description:empty {
    display: none; }

@media screen and (min-width: 0) and (max-width: 744px) {
  .cl-list__description {
    display: none; } }

.resources__title {
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5; }

.resources__list {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none; }
  .resources__list:last-child {
    margin-bottom: 0; }

.resources__item {
  margin-bottom: 16px;
  position: relative;
  border: 1px solid #d3d3d3;
  border-radius: 4px; }
  .resources__item .resource-card {
    padding: 8px; }
  .resources__item .resource-card__media-heading {
    padding-right: 34px; }
  .resources__item .resource-card__container {
    box-shadow: none; }
  .resources__item .resource-card__avatar {
    display: flex; }
  .resources__item .resource-card__avatar-image {
    width: 19px;
    height: 19px;
    margin-right: 5px;
    border-radius: 2px;
    display: inline; }
  .resources__item .resource-card__meta {
    margin-top: 32px; }
  .resources__item .resource-card__media-heading--sm {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 3px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .resources__item .media__object {
    width: 34px;
    height: 34px; }

.resources__toggle {
  position: absolute;
  top: 7px;
  right: 8px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  z-index: 1;
  border-radius: 4px;
  transition: background-color 0.25s ease-in-out;
  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='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");
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .resources__toggle:hover {
    background-color: #f5f5f5; }
  .is--toggled .resources__toggle {
    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='M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z'/%3E%3C/svg%3E"); }

.resources__overlay {
  position: absolute;
  top: -106px;
  left: 0;
  width: 100%;
  height: 106px;
  z-index: 1;
  cursor: pointer; }

.resources__buttons {
  margin-left: 5px; }

.review-text a {
  text-decoration: none;
  color: #515af2; }
  .review-text a:hover {
    color: #3b468d; }

.tes-collapsible-content {
  z-index: 1; }

.icon-save {
  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='%23BFBFBF' fill-rule='evenodd' d='M22.391%2C8.687 C22.391%2C8.307 22.083%2C8 21.704%2C8 L21.543%2C8 L10.848%2C8 L10.687%2C8 C10.308%2C8 10%2C8.307 10%2C8.687 L10%2C25.313 C10%2C25.568 10.14%2C25.801 10.366%2C25.92 C10.467%2C25.974 10.578%2C26 10.687%2C26 C10.823%2C26 10.957%2C25.96 11.074%2C25.881 L16.194%2C22.402 L21.318%2C25.881 C21.529%2C26.025 21.801%2C26.04 22.026%2C25.92 C22.25%2C25.801 22.391%2C25.568 22.391%2C25.313 L22.391%2C8.687 Z'/%3E%3C/svg%3E"); }

.icon-saved {
  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='M22.391%2C8.687 C22.391%2C8.307 22.083%2C8 21.704%2C8 L21.543%2C8 L10.848%2C8 L10.687%2C8 C10.308%2C8 10%2C8.307 10%2C8.687 L10%2C25.313 C10%2C25.568 10.14%2C25.801 10.366%2C25.92 C10.467%2C25.974 10.578%2C26 10.687%2C26 C10.823%2C26 10.957%2C25.96 11.074%2C25.881 L16.194%2C22.402 L21.318%2C25.881 C21.529%2C26.025 21.801%2C26.04 22.026%2C25.92 C22.25%2C25.801 22.391%2C25.568 22.391%2C25.313 L22.391%2C8.687 Z'/%3E%3C/svg%3E"); }

.resources__buttons > * {
  vertical-align: bottom; }

.preview-slider {
  overflow: auto;
  height: 220px;
  list-style-type: none;
  padding: 15px 0 10px;
  background-color: #edf7fb;
  display: flex; }
  .preview-slider::-webkit-scrollbar {
    height: 2px;
    background-color: rgba(34, 34, 34, 0.1); }
  .preview-slider::-webkit-scrollbar-thumb {
    background-color: #222222; }
  @media screen and (min-width: 744px) {
    .preview-slider {
      max-width: 100%;
      height: 210px;
      background-color: #ffffff; } }

.preview-slider__container {
  background-color: #edf7fb;
  margin-bottom: 20px; }
  .preview-slider__container .preview-slider {
    background-color: #edf7fb;
    height: 220px;
    padding-left: 20px;
    max-width: initial; }

.preview-slider__slide {
  margin-right: 10px;
  height: 190px;
  display: inline-block;
  position: relative; }
  .preview-slider__slide:last-child {
    margin-right: 0; }
  .preview-slider__slide a:focus {
    outline: none; }

.preview-slider__img {
  width: auto;
  height: 190px; }

.author {
  display: inline-flex;
  color: #d6d6d6;
  z-index: 2;
  position: relative; }

.author__avatar {
  width: 19px;
  height: 19px;
  margin-right: 5px;
  border-radius: 2px; }

body {
  background-color: #ffffff; }